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 delle icone sociali con effetto 3D.

Sulla destra è mostrato il widget delle icone sociali con effetto tridimensionale che può essere installato seguendo questo post

• Widget icone sociali in 3D -

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 della pubblicazione di un video responsive HTML5 con CSS.

Se voi aprite questa pagina con un computer desktop, con un tablet o con uno smartphone di qualsiasi dimensione visualizzerete il player sempre della dimensione giusta e mai debordante rispetto alla larghezza della pagina. Per le istruzioni su come procedere consultate questa guida

• Come creare un video elastico responsive che si adatta alle dimensioni con CSS -

Qui di seguito può essere digitato il resto dell'articolo.

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 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 -

Demo di un bellissimo widget degli ultimi post con miniature.

Sulla destra potete visualizzare il widget degli Ultimi Post con miniature. Per la sua installazione consultate l'articolo seguente:

• Spettacolare widget degli ultimi post con miniature -