Demo dei bottoni di condivisione in 3 dimensione per Blogger

In basso si può condividere questo post cliccando sulla apposita icona in tre dimensioni che avrà un effetto schiacciamento al passaggio del cursore. Per le istruzioni sulla loro installazione consultate il post seguente:

• Come aggiungere i bottoni di condivisione in 3 dimensioni su Blogger -

Demo della Galleria di immagini con slideshow e collegamento ai post.

In alto si visualizza uno slideshow di immagini con link ai post e bottoni di navigazione. Per la sua installazione consultate questo articolo:

• Slideshow personalizzabile di immagini con link ai post -

Demo di uno slideshow di immagini per Blogger con link ai post.

Sulla destra è visibile il widget di uno slideshow di immagini che si visualizzano per 3 secondi. Per la sua installazione consultate il post seguente:

• Come installare il widget dello slideshow di immagini di Google Foto per Blogger -

Demo della Pagina di Benvenuto con video in autoplay

Se siete arrivati in questo post significa che avete cliccato su Accedi al blog nella pagina di benvenuto che avete aperto. Per le istruzioni su come installare questa personalizzazione consultate il post seguente:

• Come mostrare una pagina di benvenuto con video in autoplay e bottone di accesso -

Demo di una finestra popup con collegamento a una landing page

Se aprite questo post visualizzerete una finestra con una immagine e un link che vi invita ad accedere a una landing page. Può essere creata una immagine e inserito un nostro link per installare questa personalizzazione nel nostro sito. Per le istruzioni consultate questo post:

• Finestra popup con link a una pagina del sito per Blogger -

Demo del bottone di Pinterest sulle immagini per Blogger e Wordpress.

Se passate con il mouse sopra a una delle immagini di questo post visualizzerete l'icona di Pinterest per postarla con un click in una Bacheca del social network. Per le istruzioni sulla sua installazione consultate il post seguente:

• Come visualizzare l'icona di Pinterest al passaggio del mouse sopra le immagini -

Demo della Nuvola delle Etichette.

Nella sidebar di destra si visualizzerà la nuvola delle etichette che si animerà al passaggio del cursore. Per la sua installazione vanno seguite le istruzioni del post seguente:

• Come installare la nuvola delle etichette di Blogger -

Post di Demo sulla Impaginazione del widget Etichette

Sopra a questo post vedrete la scritta "Inizia il tour tra le etichette". Cliccandoci sopra verranno visualizzati i numeri di pagina delle varie etichette tra cui navigare. Per le istruzioni su questa personalizzazione consultate il post seguente:

• Impaginazione del widget Etichette di Blogger -

Demo di opzioni di scelta per contenuto

Se andate in una delle opzioni poste in basso visualizzerete una un contenuto diverso a seconda della scelta. Per le istruzioni su come installare questa opzione consultate il post seguente:

• Mostrare diverse opzioni di contenuto in uno stesso spazio

  Opzione1 • Opzione2 • Opzione3 • Opzione4 • Opzione5

Questo testo è visibile quando si clicca sulla Opzione1
Morbi a metus. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Nullam sapien sem, ornare ac, nonummy non, lobortis a, enim. Nunc tincidunt ante vitae massa. Duis ante orci, molestie vitae, vehicula venenatis, tincidunt ac, pede. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor

Questo testo è visibile quando si clicca sulla Opzione2
Aliquam in lorem sit amet leo accumsan lacinia. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Phasellus et lorem id felis nonummy placerat.

Questo testo è visibile quando si clicca sulla Opzione3
Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Aenean vel massa quis mauris vehicula lacinia. Quisque tincidunt scelerisque libero. Maecenas libero. Etiam dictum tincidunt diam.

Questo testo è visibile quando si clicca sulla Opzione4
Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Suspendisse nisl. Sed convallis magna eu sem. Cras pede libero, dapibus nec, pretium sit amet, tempor quis, urna.

Questo testo è visibile quando si clicca sulla Opzione5
In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Widget delle Ultime Notizie

Sulla destra viene visualizzato un widget scorrevole con le ultime notizie della Homepage del Corriere, Repubblica e la Gazzetta dello Sport. Per le istruzioni sulla sua installazione consultate l'articolo seguente:

• Come installare un widget scorrevole delle ultime notizie in Blogger e Wordpress -

Demo di un elemento di un post visibile solo per desktop e tablet ma non da smartphone.

In questo articolo sarà possibile visualizzare un video solo se verrà aperto con un dispositivo che abbia una risoluzione superiore a 600 pixel. Per le istruzioni seguite questo articolo:

• Come mostrare un elemento solo nel desktop -

Demo del widget orizzontale delle miniature degli ultimi post.

In alto è visibile il widget delle miniature degli ultimi articoli con i rispettivi titoli. Per l'installazione consultate il seguente post:

• Widget orizzontale delle miniature degli ultimi post per Blogger -

Demo delle icone sociali ruotanti

Sulla destra viene visualizzato un widget con quattro icone che ruoteranno al passaggio del mouse. Per le istruzioni sulla sua installazione consultate il post:

• Icone sociali ruotanti Facebook, Twitter, Google+ e Feed RSS -

Demo della condivisione sociale di testo e immagini con Markerly

Se selezionate un testo o una immagine di questo post visualizzerete dei tooltip con cui condividere la vostra selezione nei principali social network. Per le istruzioni su come installare questo script consultate il post seguente:

• Condividere nei social il testo e le immagini selezionate con Markerly -

"Maecenas ipsum velit, consectetuer eu, lobortis ut, dictum at, dui. In rutrum. Sed ac dolor sit amet purus malesuada congue. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Suspendisse sagittis ultrices augue. Mauris metus. Nunc dapibus tortor vel mi dapibus sollicitudin. Etiam posuere lacus quis dolor. Praesent id justo in neque elementum ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In convallis. Fusce suscipit libero eget elit. Praesent vitae arcu tempor neque lacinia pretium. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin".

Demo per la condivisione del testo selezionato su Twitter.

Se selezionate del testo di questo post visualizzerete un tooltip con la icona di Twitter. Cliccandoci sopra si potrà condividere tale testo sul nostro account Twitter. Per le istruzioni su come installare questa personalizzazione consultate il post seguente:

• Come twittare il testo selezionato in un blog su Blogger -

"Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat. Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum. Nulla quis diam. Ut tempus purus at lorem.

In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris dictum facilisis augue. Fusce tellus. Pellentesque arcu. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu, urna. Nullam at arcu a est sollicitudin euismod. Praesent dapibus. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero,"

Post di Demo sul Menù Laterale a Scomparsa

Sulla destra viene visualizzato un menù solo al passaggio del mouse sulla icona. Per le istruzioni sulla sua installazione consultate il post seguente:

• Menù laterale a scomparsa con Bottoni di Twitter, Facebook e Google+.

Demo di un post che si ricarica ogni 60 secondi.

Questo articolo è configurato in modo da ricaricarsi o rinfrescarsi o aggiornarsi ogni 60 secondi. Per verificarlo cliccate sulla crocetta del banner per toglierlo e vedrete che dopo 60 secondi ricomparirà perché la pagina si aggiorna automaticamente. Per le istruzioni consultate il post seguente: 

• Come aggiungere un refresh automatico in Blogger -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in mollis purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse hendrerit turpis metus, vel volutpat ante pulvinar at. Phasellus scelerisque porta augue, et interdum dui commodo in. Suspendisse mi purus, dapibus sit amet tincidunt at, tincidunt non augue. Praesent eget fermentum arcu. Fusce et ultrices mauris. Mauris euismod felis vitae felis ullamcorper tincidunt. Etiam semper, lacus vel vestibulum mollis, lectus arcu condimentum felis, id vestibulum neque magna quis mauris. Cras tincidunt tristique ipsum, quis rhoncus nulla dictum et. Donec elementum massa quis placerat tristique.

Cras nec arcu ac quam dignissim semper. Integer sollicitudin, nisi eu rutrum sagittis, turpis ipsum euismod ligula, quis gravida enim nisl ut sem. Nam convallis fringilla sem, a luctus magna placerat ac. Sed pulvinar lectus ac aliquam sollicitudin. Ut molestie urna sit amet lorem blandit pulvinar. Vivamus vehicula ligula in iaculis aliquet. Integer vitae ante dapibus, porta nulla tristique, scelerisque sapien. Integer euismod imperdiet dolor in euismod. Morbi dui risus, ultrices vitae tortor vitae, consequat varius velit.

Vestibulum tincidunt eros nunc, eu consectetur justo pulvinar sed. Nulla non ligula mattis, ullamcorper risus id, posuere ante. Suspendisse vitae cursus augue. Sed a sapien dignissim, laoreet neque eget, sagittis nisi. Sed rutrum nibh vel dolor feugiat, eget ultrices tellus sagittis. Etiam vel urna diam. Donec rutrum finibus suscipit. Fusce erat lorem, faucibus sit amet ullamcorper sed, consequat eget mauris. Curabitur gravida sem ut orci posuere luctus.

Sed ac metus ut ex pharetra tempus at eu lorem. Fusce in nulla vitae elit rhoncus convallis eu vel augue. Maecenas vel hendrerit risus. Mauris sed sem id turpis fringilla varius. Nam convallis justo id orci tincidunt vestibulum. Morbi accumsan tempor bibendum. Nulla cursus vehicula diam non auctor. Etiam sed turpis sed eros iaculis interdum. Phasellus ullamcorper, urna sit amet eleifend rutrum, ligula ligula molestie elit, ac tincidunt ex tortor id ex. In vel purus mauris. Integer vitae odio sed turpis euismod porta eget non felis.

Nam hendrerit placerat elit. In vitae placerat ipsum, ut aliquet lorem. Nullam a auctor arcu, a sodales mauris. Nulla efficitur rhoncus justo, et porttitor orci malesuada sit amet. Phasellus aliquam mauris libero, ut pulvinar nulla semper ut. Mauris sed bibendum ex, vel vehicula diam. Nullam mollis efficitur magna, quis sodales mi auctor vitae. Cras semper sagittis semper. Morbi scelerisque sapien ex, eget accumsan felis lacinia at. Nam dictum nisl in quam ultrices, a ullamcorper tortor laoreet. Morbi a tortor massa. Integer quis vulputate nibh, a fermentum est. Fusce molestie vulputate ligula vel faucibus. Vivamus dui nisi, imperdiet nec accumsan eu, sodales sed erat. 

Demo del link Visualizza versione mobile

In basso è visibile il collegamento Visualizza versione mobile che permette di visualizzare questo post nella sua versione mobile cliccandoci sopra. Per le istruzioni consultate questo articolo:

• Collegamento per la visualizzazione di una pagina di Blogger in versione mobile -

Post di Demo della Barra flottante con i pulsanti di condivisione con contatore.

Scorrendo la pagina verso il basso apparirà una barra con i bottoni per condividere su Twitter, Facebook e Google+. Per la sua installazione consultate il post seguente:

• Installare una barra fluttuante di condivisione sociale su Blogger -

 

Demo del Player audio open source

In  basso è visibile il player audio SCM Player che può essere installato in Blogger e Tumblr. Per le istruzioni sulla sua configurazione consultate il post seguente:

• Come installare un player audio che riproduce brani musicali -