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 -

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 del widget degli Articoli Casuali con Miniature Ruotanti.

Sulla destra è visibile il widget che mostra alcuni articoli casuali con le miniature ruotanti. Per le istruzioni sulla sua installazione consultate il post seguente:

• Gadget Articoli Casuali con Miniature Ruotanti -

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 -

Demo di un banner con avviso e link da mostrare nel blog.

In alto visualizzate un banner con un avviso e con dei link da mostrare ai lettori in situazioni particolari. Per installare questo banner consultate il seguente articolo:

• Banner con avviso per Blogger -

Demo del widget che scorre con la pagina.

Sulla destra potete visualizzare un widget che scorre verso il basso con lo scorrere della pagina. Per le istruzioni sulla sua installazione consultate il seguente post:

• Widget che scorre con la pagina -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere eleifend tincidunt. Pellentesque vel sodales mauris. Curabitur pellentesque dui et sem eleifend tempus sit amet euismod lacus. Curabitur tempus, mauris sit amet dictum rutrum, risus diam posuere mi, non sodales quam magna ut elit. Nunc a mi in diam facilisis viverra vitae sed magna. Suspendisse consequat mi sit amet magna convallis, congue ullamcorper purus vestibulum. Proin malesuada nulla a sapien ullamcorper auctor. Quisque imperdiet risus nibh, sit amet auctor lectus interdum sed. Morbi vestibulum rutrum cursus. Phasellus sed nisi ipsum. Nam imperdiet aliquam elit, vitae pretium risus suscipit non. Vivamus imperdiet velit eu massa vulputate posuere. Nulla a dui elit.

Suspendisse a iaculis orci. Donec fringilla eleifend euismod. Vestibulum eget volutpat eros. Aenean porttitor erat eu ultrices vestibulum. Phasellus malesuada tempor nibh vel bibendum. Etiam varius mauris eleifend, laoreet odio eget, ornare neque. Quisque placerat gravida congue.

Mauris dictum faucibus eros, quis pulvinar sapien faucibus vitae. Etiam eget quam sed mi lobortis rutrum vel et neque. Morbi placerat tellus dui, vitae ultricies dolor accumsan vitae. Donec ornare neque urna, vel vestibulum elit lobortis ut. Donec suscipit dictum velit, nec imperdiet ante fringilla vel. Pellentesque dignissim blandit dui sodales commodo. Nullam non faucibus tortor, a condimentum sapien. Ut ullamcorper bibendum luctus. Sed mattis laoreet libero, quis tincidunt lacus mattis eget.

Fusce quis dapibus quam, quis cursus justo. Praesent ac ligula rutrum, blandit neque non, adipiscing odio. Etiam tortor eros, sodales pharetra elit et, egestas consectetur ligula. Sed dictum purus vel lorem imperdiet egestas. Suspendisse sit amet tellus libero. Ut sollicitudin tortor ante, sed faucibus mauris fermentum sit amet. Quisque eros nulla, eleifend eget ultricies sed, tincidunt nec est. Nullam sollicitudin arcu sed orci egestas, sit amet aliquam lacus malesuada. Nulla ut lorem nec mi tempus venenatis mollis a eros. Vivamus eleifend, nulla at eleifend interdum, sem elit mattis lacus, eu ultricies erat lorem vitae augue. Nulla aliquam facilisis lacus commodo sollicitudin. Ut et aliquam mi. Vivamus metus ante, tincidunt eu venenatis et, dictum a tellus. Etiam in consequat odio. Morbi euismod at mauris dignissim tristique.

Donec commodo nulla massa, sed condimentum lacus consectetur eu. Ut at auctor mi. Sed tincidunt consectetur magna, quis faucibus risus dapibus id. Maecenas dapibus urna augue, vitae lobortis mi semper sed. Nullam luctus, mauris eu sodales auctor, velit nisl pretium enim, in tincidunt ante tellus at ante. Praesent vestibulum risus nisl, quis commodo magna rutrum a. Praesent pretium pellentesque bibendum. Etiam facilisis, ligula ut dapibus lobortis, dui nunc ultrices ipsum, et gravida enim quam eget nunc.