Come installare il pulsante Segui per iscriversi come Lettori Fissi del blog su Blogger.

Come installare una icona anche flottante per permettere ai navigatori di seguirci come Lettori Fissi direttamente dalla loro Bacheca.

Il widget dei Lettori è stato disabilitato in tutti i siti e adesso è installabile solo su Blogger. Si tratta di uno di quei gadget che hanno dato problemi fin dalla loro introduzione. Mi ricordo che non faceva aprire la pagina con Internet Explorer e che smetteva di funzionare per chi aveva acquistato un dominio personalizzato. Anche adesso ricevo molti commenti su disservizi vari di questo widget che può essere installato andando su Layout > Aggiungi un gadget > Altri gadget > Lettori fissi.

In questo post vediamo come alternativamente, o anche in modo ridondante, si possa mostrare una icona che permetta ai lettori di iscriversi al nostro sito come Lettori senza bisogno di avere il widget o come ulteriore opzione di iscrizione. Tanto per rendervi conto di quello che sto dicendo provate a cliccare sulla icona qui sotto

Vi si aprirà un'altra scheda del browser in cui visualizzerete una finestra come questa



in cui decidere se seguire come Lettore questo blog oppure questa finestra



nel caso foste già Lettori Fissi di questo sito. Vi propongo due opzioni per questa icona.

ICONA FISSA DA MOSTRARE NELLA SIDEBAR

Se volete mostrare l'icona in una sidebar o nel footer dovrete andare su Layout > Aggiungi un gadget > Base > HTML/Javascript e incollare in Sezioni del sito il seguente codice

<div align='center'>
<a href='http://www.blogger.com/follow-blog.g?blogID=8267402375475371484' target='_blank' rel='nofollow' title='Segui come Lettore' alt='follow this blog'/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB_iT0-w29lsyTYVnB9V_DoQLI9NL0IeJ-kO0O_26Wd2Wo5-VCrvUtBOHq7Vyr-C227SyvChXtQijtwrsPTuIaXIndMW53ObWSE-Wx3zcwlsyoN3gY8MbEWM5cxV7MXKD3nFPPL_ggewfy/s250-Ic42/blogger1.png' width='150' border='0' /></a></div>

dove la serie di 19 numeri colorati di rosso accanto a blogID è appunto l'ID di questo sito e deve essere sostituito dall'ID del vostro blog. Si può anche settare la larghezza della icona (150 pixel) e sostituire quella proposta con un altra come potrebbe essere questa

Per trovare il suo indirizzo basta cliccarci sopra e copiare l'URL dalla barra del browser.

MOSTRARE L'ICONA FLOTTANTE

Come seconda opzione vediamo come sia possibile mostrare l'icona fluttuante nel senso che rimarrà sempre fissa in una data posizione quando si scorre la pagina. Si va sempre su Layout > Aggiungi un gadget > Base > HTML/Javascript e, in Sezioni del sito, si incolla quest'altro codice

<div style='position: fixed; top: 100px; right: 100px;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=8267402375475371484' target='_blank' rel='nofollow' title='Segui come Lettore' alt='follow this blog'/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB_iT0-w29lsyTYVnB9V_DoQLI9NL0IeJ-kO0O_26Wd2Wo5-VCrvUtBOHq7Vyr-C227SyvChXtQijtwrsPTuIaXIndMW53ObWSE-Wx3zcwlsyoN3gY8MbEWM5cxV7MXKD3nFPPL_ggewfy/s250-Ic42/blogger1.png' width='150' border='0' /></a></div>

Oltre alle personalizzazioni già indicate si deve settare la posizione mediante i tag top e right che imposteranno la distanza rispettivamente dalla parte alta e dal bordo destro. Se si volesse visualizzare l'icona in basso a sinistra si potrebbe per esempio usare i tag bottom: 100px; left: 80px; per una distanza fissa della icona di 100 pixel dal basso e di 80 pixel dal bordo sinistro. Dopo l'iscrizione il navigatore visualizzerà i post del nostro blog nella sua Bacheca in Elenco di Lettura.