mercoledì 16 ottobre 2013

Bottoni scorrevoli per social network

Articolo di demo per mostrare i bottoni sociali di condivisione sui social network. Per le istruzioni su come installare questo widget consultate il post seguente:

sabato 28 settembre 2013

Demo delle icone di condivisione personalizzate per social network.

Alla fine del post saranno visibili tre icone per condividere questo articolo nei social network. Se ci si cliccherà sopra si aprirà un'altra scheda con il modulo di condivisione su Facebook, Google+ e Twitter già precompilato con URL, titolo e miniatura del post (non in Twitter).
Per le istruzioni sulla installazione di questo widget consultate il seguente articolo:


martedì 20 agosto 2013

Demo del Menù flottante per Blogger.

Nella parte alta della pagina potete osservare un menù a tendina o Drop Down che rimane fisso allo scorrere della pagina. Per le istruzioni sulla sua installazione consultate il seguente post


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus, felis nec hendrerit tristique, ante metus ornare tortor, aliquet feugiat diam est ac diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer ac enim nisi. Fusce nec mi sit amet dolor tempor consectetur vitae a metus. Nam dignissim pellentesque odio, in condimentum libero rutrum ac. Vestibulum porttitor, magna vitae dignissim fringilla, lacus velit adipiscing nulla, sit amet facilisis orci magna nec nisi. Nullam rutrum quam at odio adipiscing ultrices. Suspendisse a massa non purus auctor dignissim non sit amet orci. Vivamus sodales nisl vel arcu malesuada dapibus. Vivamus vitae mi accumsan ligula dapibus mollis ac sed elit. Suspendisse commodo interdum est ac posuere. Suspendisse nunc est, venenatis in placerat a, elementum et enim. Aliquam ultricies pulvinar turpis in accumsan. Integer fringilla augue et ligula rutrum, vulputate sagittis ipsum elementum. Praesent fermentum nibh varius massa condimentum, nec feugiat nisl rhoncus.

Morbi sed gravida arcu, et vehicula libero. Nulla viverra accumsan lorem sit amet facilisis. Vestibulum consectetur massa quam, ac vehicula justo vehicula a. Nulla dapibus laoreet posuere. Vestibulum porta tellus id tristique mattis. Ut semper, leo vitae faucibus rhoncus, lacus nunc interdum arcu, at volutpat nisi lorem eu dolor. Sed luctus enim in tempus lacinia. Aenean vulputate, dui non porttitor porttitor, magna diam viverra lectus, porttitor tristique nibh nunc at erat. Aliquam sodales nec tellus iaculis pharetra. Vestibulum aliquet, metus quis cursus lobortis, ipsum erat iaculis ante, nec dictum lorem nisi commodo lorem. Aliquam a malesuada massa.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc vestibulum, turpis sed luctus placerat, nunc risus eleifend arcu, nec molestie dui lacus in libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ultricies lobortis leo, eu pharetra leo eleifend consequat. Nullam a pretium orci. Pellentesque at massa a tellus hendrerit imperdiet. Aliquam rhoncus nec turpis ut pellentesque. Nulla at nibh fringilla, elementum dolor semper, pulvinar ligula. Aliquam ac nibh ut diam pretium rutrum.


Quisque quis hendrerit velit. Morbi lobortis non ligula sit amet congue. Quisque in congue felis. Sed malesuada condimentum diam, at facilisis sem blandit vitae. Donec vehicula molestie neque quis varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras nec consectetur eros. Maecenas diam eros, interdum ut lectus aliquet, accumsan rutrum enim. Curabitur faucibus scelerisque metus, id pulvinar nisl aliquet ac. Pellentesque eu sapien eget turpis malesuada malesuada cursus at neque.

In hac habitasse platea dictumst. Aliquam erat volutpat. In convallis mauris non accumsan laoreet. Mauris tempor placerat nunc, sit amet pellentesque lectus luctus id. Mauris sed hendrerit eros. Suspendisse venenatis quam quis neque luctus vulputate. Proin risus elit, sollicitudin eu metus aliquet, pharetra fringilla tortor. Mauris interdum fringilla consectetur. Proin placerat sollicitudin nisl, eu feugiat metus egestas ac. Vestibulum volutpat, nibh et pharetra posuere, turpis dolor scelerisque metus, sit amet tempor est augue quis tortor. Praesent consectetur lobortis risus sed eleifend. Aliquam sed lacus mattis lorem tincidunt laoreet et sed elit. Sed sit amet quam sit amet augue lacinia convallis. Cras cursus porttitor dui, a auctor libero volutpat a.

domenica 18 agosto 2013

Demo di video di Youtube mostrati in una finestra popup

Dimostrazione di come si possa far aprire un video di Youtube in una finestra popup

Chi è interessato al procedimento può consultare il post seguente


Clicca per aprire il video 1
Clicca per aprire il video 2
Clicca per aprire il video 3

lunedì 5 agosto 2013

Demo Player Audio Video HTML5.

Per le istruzioni su come installare questi player audio e video consultate il post


Audio e video player




sabato 6 luglio 2013

Dimostrazione dei bottoni per andare in alto e in basso della pagina.



    Per le istruzioni su come installare questi bottoni consultate il post seguente


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius velit ac leo sollicitudin viverra. Morbi quis varius diam. Integer dapibus mollis condimentum. Donec vel elit ligula. Sed auctor sodales elit nec cursus. Mauris tortor velit, facilisis eu scelerisque ac, gravida eu lacus. Fusce ut sapien lectus. Vivamus at est dolor. Morbi bibendum eros ac mauris malesuada sagittis. Donec lacinia massa vitae luctus tempor. Aliquam et volutpat mauris, a lobortis erat. Maecenas purus metus, iaculis sed sapien egestas, cursus ullamcorper sapien.

    Nunc et mauris accumsan, pellentesque enim sit amet, tempus dolor. Praesent tristique diam ut nibh aliquam, feugiat gravida sapien dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan quis lectus nec feugiat. Aliquam quis sem pulvinar, luctus erat a, iaculis nunc. Etiam semper id neque eu congue. Mauris dignissim justo sed pretium blandit.

    Phasellus auctor, diam quis rutrum viverra, nunc lectus congue nisl, et condimentum orci nunc et eros. Mauris posuere dolor vitae lectus ornare, eget faucibus urna lacinia. Nullam in turpis dui. Nulla pretium purus quam, eu aliquam est commodo eget. Mauris id felis nisi. Proin gravida elementum nunc, id faucibus sem feugiat sit amet. Nullam aliquam molestie vestibulum.

    Integer eget nunc vehicula, dictum augue ut, venenatis elit. Nulla at risus accumsan sem euismod mollis at vitae nisl. In hac habitasse platea dictumst. Nulla commodo mi ac nisl vulputate, sed malesuada augue viverra. Proin ut lacus ipsum. Nam malesuada orci mauris, a accumsan nisl mattis sed. Phasellus congue pharetra ultricies. Integer eget consectetur arcu. Integer orci leo, accumsan in quam eget, malesuada fermentum tellus. Aliquam sapien justo, porttitor id venenatis sodales, ornare nec diam. In rutrum dolor nisi, et ullamcorper enim venenatis nec. Nunc tempus molestie dapibus.

    Vivamus volutpat purus sit amet nulla pellentesque porta. Cras molestie condimentum orci eget pellentesque. Praesent eu tristique dolor. Nulla auctor ac elit vitae elementum. Suspendisse quis urna mi. Duis scelerisque blandit quam quis mattis. Nunc tempus ante sed tempor cursus. Cras sit amet varius quam, fringilla ultricies sapien. Sed a feugiat erat.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius velit ac leo sollicitudin viverra. Morbi quis varius diam. Integer dapibus mollis condimentum. Donec vel elit ligula. Sed auctor sodales elit nec cursus. Mauris tortor velit, facilisis eu scelerisque ac, gravida eu lacus. Fusce ut sapien lectus. Vivamus at est dolor. Morbi bibendum eros ac mauris malesuada sagittis. Donec lacinia massa vitae luctus tempor. Aliquam et volutpat mauris, a lobortis erat. Maecenas purus metus, iaculis sed sapien egestas, cursus ullamcorper sapien.

    Nunc et mauris accumsan, pellentesque enim sit amet, tempus dolor. Praesent tristique diam ut nibh aliquam, feugiat gravida sapien dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan quis lectus nec feugiat. Aliquam quis sem pulvinar, luctus erat a, iaculis nunc. Etiam semper id neque eu congue. Mauris dignissim justo sed pretium blandit.



    Phasellus auctor, diam quis rutrum viverra, nunc lectus congue nisl, et condimentum orci nunc et eros. Mauris posuere dolor vitae lectus ornare, eget faucibus urna lacinia. Nullam in turpis dui. Nulla pretium purus quam, eu aliquam est commodo eget. Mauris id felis nisi. Proin gravida elementum nunc, id faucibus sem feugiat sit amet. Nullam aliquam molestie vestibulum.

    Integer eget nunc vehicula, dictum augue ut, venenatis elit. Nulla at risus accumsan sem euismod mollis at vitae nisl. In hac habitasse platea dictumst. Nulla commodo mi ac nisl vulputate, sed malesuada augue viverra. Proin ut lacus ipsum. Nam malesuada orci mauris, a accumsan nisl mattis sed. Phasellus congue pharetra ultricies. Integer eget consectetur arcu. Integer orci leo, accumsan in quam eget, malesuada fermentum tellus. Aliquam sapien justo, porttitor id venenatis sodales, ornare nec diam. In rutrum dolor nisi, et ullamcorper enim venenatis nec. Nunc tempus molestie dapibus.


    Vivamus volutpat purus sit amet nulla pellentesque porta. Cras molestie condimentum orci eget pellentesque. Praesent eu tristique dolor. Nulla auctor ac elit vitae elementum. Suspendisse quis urna mi. Duis scelerisque blandit quam quis mattis. Nunc tempus ante sed tempor cursus. Cras sit amet varius quam, fringilla ultricies sapien. Sed a feugiat erat.

    venerdì 14 giugno 2013

    Demo del pulsante per nascondere una parte di contenuto

    Per mostrare una parte di contenuto solo a chi lo voglia effettivamente visualizzare si possono inserire dei pulsanti su cui il navigatore clicca solo se è interessato. Può essere un modo per non rivelare il finale di un film o come si conclude un libro o una serie televisiva. Per le istruzioni seguire questo post


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis nisi lectus. Maecenas eget vehicula tellus, eu venenatis dolor. Suspendisse potenti. Nunc eleifend elit neque, et luctus erat consequat feugiat. Pellentesque faucibus neque non facilisis ultrices. Sed feugiat luctus massa, eu feugiat orci vestibulum sit amet. Ut massa risus, vestibulum at rutrum a, congue eu lacus. Pellentesque non facilisis mi. Proin feugiat lectus lacinia, porttitor nulla vel, convallis augue. Nam elementum, enim quis pretium lobortis, lacus risus accumsan est, vel sollicitudin sapien eros eget velit. Vivamus rutrum congue arcu, pharetra ultricies augue tincidunt at. Curabitur sed scelerisque risus. Integer vel orci tellus. Mauris dignissim nulla ultrices, aliquam odio id, mollis quam. Pellentesque at luctus nisi, quis interdum enim. Mauris metus nisi, placerat aliquam suscipit nec, porta vitae massa. Maecenas nulla erat, hendrerit quis lorem a, vestibulum sodales nunc. Nam hendrerit libero non mi hendrerit, a ornare mi eleifend.

    domenica 9 giugno 2013

    Pulsante per invitare gli amici di Facebook

    Con il pulsante sulla destra si possono invitare fino a 50 amici di Facebook per volta. Per le istruzioni sulla installazione consultate il post seguente

    sabato 8 giugno 2013

    Demo dello slideshow orizzontale delle miniature dei post più popolari.

    Subito sopra potete visualizzare uno slideshow con le miniature dei post più popolari di questo blog. Passando sopra con il mouse alle singole miniature si potrà leggere il titolo del relativo post. Con le frecce di navigazione ci si potrà spostare tra i vari articoli andando avanti o indietro di 2 immagini. Per le istruzioni su come installare questo gadget consultate questo articolo


    giovedì 6 giugno 2013

    Post di Demo sull'inserimento di una firma alla fine del post su Blogger.

    Alla fine di questo articolo sarà visualizzata la firma dell'autore. Le istruzioni sulla sua installazione anche nel caso di più autori possono essere consultate in questo post

    domenica 26 maggio 2013

    Slideshow dei Post più popolari.

    Sulla destra visualizzate uno slideshow dei tre post più popolari di questo blog. Per le istruzioni sulla installazione di questo widget consultate il post seguente:


    martedì 21 maggio 2013

    Demo del widget degli ultimi commenti realizzato con il gadget Feed URL.

    Sulla destra è visibile il widget degli ultimi commenti ricevuti su Blogger. Per l'installazione di questo gadget consultate l'articolo seguente:

    lunedì 6 maggio 2013

    Dimostrazione di barra verticale con bottoni per social network.

    Sulla sinistra se passate con il mouse sopra alla icona SHARE vi comparirà una barra verticale con i bottoni di condivisione per Facebook, Twitter e Google Plus. Inoltre ci sarà il pulsante Share di Add This che permette di condividere il post praticamente su tutti i social network del mondo. Per le istruzioni su come installare questa barra consultate il post

    lunedì 22 aprile 2013

    Demo della disabilitazione del menù contestuale dalle immagini.

    Se cliccate con il destro del mouse sulle immagini seguenti vedrete un messaggio in cui si avverte che il menù contestuale non è abilitato per le immagini. Se invece provate a cliccare con il cursore fuori dalle immagini si aprirà regolarmente. Funziona con Chrome, Firefox e Internet Explorer e con gli altri principali browser. Per le istruzioni sulla installazione consultate il seguente post

    mercoledì 17 aprile 2013

    Dimostrazione della creazione di un widget sempre in primo piano.

    Se scorrete la pagina verso il basso il gadget con il titolo Widget Flottante rimarrà sempre in primo piano. Per le istruzioni su come ottenere questo effetto per un qualsiasi widget di Blogger consultate il post:



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mattis leo sit amet ligula consequat vel ornare enim dictum. Curabitur nec diam nulla, sed dapibus dui. Ut mattis mi ut nulla suscipit tempus. Donec cursus vulputate leo a hendrerit. Curabitur in augue vel diam rhoncus varius ut at lacus. In hac habitasse platea dictumst. Quisque porta faucibus ipsum id accumsan. Etiam et ligula ut sapien tincidunt convallis. Donec vitae purus imperdiet tellus venenatis consequat at sit amet velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Nullam tincidunt purus vel dolor bibendum egestas. Nulla ut arcu lorem, sed elementum erat.

    Mauris massa lectus, porta non placerat eget, aliquet id diam. Quisque est elit, ultricies sed dignissim a, auctor et metus. Quisque vestibulum, purus id tempus accumsan, sem nulla tempus dui, nec pulvinar mi magna quis ipsum. Integer quis justo metus. Pellentesque ut libero nibh. Quisque sagittis nunc tincidunt eros aliquam placerat commodo libero condimentum. Vivamus eu lobortis magna. Nunc lectus dolor, luctus id placerat vel, blandit vel dui. Quisque commodo metus sed lectus lobortis vitae tempus arcu tempor. Proin mauris orci, vestibulum sit amet lobortis id, tincidunt in magna. Nullam eros erat, condimentum vitae imperdiet at, vestibulum eu arcu. Nam leo nisi, lacinia a dignissim vitae, commodo a nisl. Proin sit amet enim id odio consectetur cursus. Aliquam aliquet varius ligula, ac rutrum enim ullamcorper in. Donec scelerisque tincidunt dolor, ac rutrum ligula eleifend id.

    Nam tempor tempor lacus, consequat varius tellus accumsan sed. Suspendisse et odio ante. Cras augue leo, molestie vulputate pulvinar ut, dignissim quis metus. Quisque augue dolor, tincidunt vestibulum pulvinar in, convallis quis est. Donec ut felis nisi, ac consequat ante. Aenean placerat rhoncus gravida. Sed ultrices vestibulum magna, tempus placerat diam rhoncus et. Duis semper ipsum ut mi consectetur adipiscing.


    mercoledì 27 marzo 2013

    Demo Pulsante di Pinterest con Effetto Hover.

    Articolo dimostrativo di come condividere le immagini su Pinterest. Se passate con il mouse sopra a una delle immagini sottostanti visualizzerete in alto a sinistra il bottone di condivisione di Pinterest. Cliccandoci sopra la foto sarà condivisa su quel social netwoak con il titolo del post come descrizione e con il link alla homepage del blog. Per le istruzioni sulla installazione consultate l'articolo


    P.S. L'ultima immagine non sarà pinnabile perché vi è stato inserito il tag class="nopin" 











    immagine che non si può pinnare

    giovedì 28 febbraio 2013

    Demo della barra flottante orizzontale con bottoni sociali.

    Scorrendo la pagina sarà visualizzata una barra orizzontale per condividere sui social network. Per l'installazione di questo widget consultate il post seguente:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut neque arcu, ultricies a ultricies nec, dictum in velit. Nunc at aliquet turpis. Nam sit amet orci et orci rutrum lobortis eget id sapien. In pellentesque dignissim nunc, sed elementum mi eleifend nec. Sed auctor tristique lectus ac volutpat. Suspendisse non libero nisl, sit amet placerat metus. Integer dolor libero, lacinia in adipiscing eu, pulvinar eu diam. Donec venenatis aliquet ultrices. Pellentesque ut velit metus. Etiam volutpat leo a ante commodo sit amet porttitor ipsum lacinia. Ut nec lorem vitae mauris tempor porttitor quis tempor turpis. Praesent lobortis malesuada commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.



    Etiam scelerisque gravida metus, blandit blandit nisl vehicula eu. Ut vehicula nisi vel leo tincidunt quis blandit sapien dictum. Morbi ultricies consectetur molestie. Vivamus lacus justo, lobortis eu pretium nec, aliquam vel justo. Nam mauris mauris, scelerisque vitae fringilla id, faucibus sit amet nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eget imperdiet est. Maecenas elementum erat quis mauris accumsan vel porta urna varius. Nam vulputate semper nisl ut suscipit. In facilisis, dolor id mattis auctor, sem nisl euismod erat, quis tincidunt lectus est non lorem. Etiam risus mauris, tincidunt a dapibus ut, molestie consectetur turpis. Sed dapibus posuere purus, in tincidunt ante vehicula quis. Quisque quis nisl lacus. Ut tempus tempus justo eu varius. Donec at diam non lectus varius hendrerit.

    Nunc consequat tincidunt erat, ut dignissim nibh placerat a. Suspendisse sit amet adipiscing lorem. Pellentesque sit amet sem nunc, a bibendum arcu. Nam ornare risus non nulla mattis quis bibendum elit scelerisque. Maecenas ac elit quis nunc aliquam commodo sit amet facilisis nulla. Curabitur commodo, tellus at suscipit luctus, tellus mi suscipit enim, nec semper risus dui pellentesque libero. Nulla posuere elit sit amet nisl tempor non lobortis dolor ullamcorper. Nulla sollicitudin dui odio, at pretium sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed feugiat molestie dolor, at scelerisque mi adipiscing sit amet. Aenean elit nibh, ullamcorper et porta vitae, faucibus eget nibh.


    martedì 26 febbraio 2013

    Demo personalizzazione etichette

    Sulla destra si possono vedere le etichette personalizzate di blogger che mutano di colore al passaggio del mouse. Per l'installazione di questo widget consultate il post


    sabato 23 febbraio 2013

    Demo del popup per la condivisione sui social network.

    La finestra modale si chiuderà automaticamente dopo un certo numero di secondi oppure potrà essere chiusa dall'utente. Per le istruzioni sulla installazione di questo widget consultate il seguente post


    sabato 2 febbraio 2013

    Effetti sonori al passaggio del mouse.

    Effetti sonori al passaggio del mouse e cliccando sulle immagini
    Per le istruzioni sulla installazione di questa personalizzazione consultate l'articolo
    1. Come riprodurre dei suoni al passaggio e al click del mouse

    Passate con il mouse sopra ai collegamenti e alla immagini


    Cliccate nelle immagini e sul link qui sotto per ascoltare l'effetto:

    Link con audio

    sabato 26 gennaio 2013

    Cuori nel blog per San Valentino

    I cuori che cadono in questa pagina possono essere installati nel blog seguendo le istruzioni del post

    martedì 22 gennaio 2013

    Barra flottante con i bottoni di Facebook, Google Plus e Twitter.

    Sulla sinistra potete visualizzare la barra flottante di condivisione dei bottoni di Facebook, Twitter e Google Plus. Per la sua installazione consultate il post


    domenica 20 gennaio 2013

    giovedì 17 gennaio 2013

    Post di Demo della finestra per invitare a diventare fan su Facebook

    In questo articolo potete visualizzare una finestra popup con l'invito a iscriversi alla Pagina Fan. Si vedrà solo una volta ogni 15 minuti. Per le istruzioni su come installare questo widget e su come configurarlo seguite le indicazioni dell'articolo seguente


    sabato 12 gennaio 2013

    Post di Demo sulla eliminazione dei link cliccabili

    Articolo dimostrativo su come eliminare i collegamenti attivi dai commenti di Blogger. Provate a inserire un link nei commenti con un codice come il seguente

    <a href="URL DEL LINK">Testo visibile</a>

    per verificarne il funzionamento. Le istruzioni sulla installazione dell'hack si possono trovare nel post

    lunedì 7 gennaio 2013

    Slide di Facebook, Twitter, Google+ e Feed.

    Articolo dimostrativo del gadget scorrevole con 4 social visibile sulla destra. Per la sua installazione consultate le istruzioni nel post


    giovedì 3 gennaio 2013