Come rendere flottante e sempre in primo piano un qualsiasi widget di Blogger.

In linea di massima un widget inserito nella sidebar si vede soltanto quando scorrendo la pagina si arriva alla altezza in cui è posizionato. Nel caso in cui ci fosse l'esigenza di tenere sempre in primo piano un particolare gadget che fosse molto importante per il sito si può renderlo flottante inserendo nel modello un particolare javascript.

Innanzitutto occorre conoscere l'ID del widget in questione. Questo si può fare in molte maniere per esempio accedendo a Modello > Modifica HTML > Ctrl+F, incollando su Search il titolo del widget e pigiando su Invio come mostrato nel seguente screenshot

Barra con i pulsanti di Facebook, Google PlusOne, Stumbleupon, Twitter, Digg e Google Buzz.

Dopo l'introduzione di Google PlusOne è il caso di aggiornare il codice della barra flottante di condivisione che è stata adottata da molti di voi. Per il momento non sono riuscito a includere lo script di Google PlusOne direttamente nell'elemento pagina e quindi bisogna incollare una riga di codice nel modello. Potrebbe dipendere dal fatto che questo bottone ha solo un giorno di vita. Se ci fossero delle novità sarà mia cura aggiornare questo post. Dopo la installazione sarà visualizzata nel blog una barra verticale per condividere gli articoli sui vari social network che rimarrà immobile allo scorrere della pagina, come è possibile vedere in questa

• Demo dei pulsanti flottanti di FB, Google +1, SU, Twitter, Digg e Google Buzz -

 

Inserire in una posizione fissa e personalizzare il bottone del Mi Piace di Facebook.

Dopo aver illustrato come implementare un widget nel blog in una posizione fissa, cioè che non muta quando si scorre la pagina, vediamo come applicare questo metodo ai bottoni di Facebook. Il Like Botton di Facebook è disponibile in tre versioni tutte quante con la possibilità di implementare anche il bottone Invia. Nel seguente screenshot sono visibili la versione standard, quella box count e quella a pulsante con contatore

 

Per il codice di ciascuno di essi vi rimando al post sulla personalizzazione del Mi Piace. Ricordo brevemente che per il pulsante standard si utilizza il codice layout=standard, per il pulsante con il contatore layout=button_count e per il box con contatore layout=box_count. Se non si inserisce nessun parametro viene visualizzato il pulsante standard.