Pubblicato il 12/09/12e aggiornato il

Come inserire il pulsante flottante Segui per i lettori di Blogger.

Come inserire il pulsante flottante Segui al posto del widget dei Lettori Fissi su Blogger.
Se conoscete Tumblr avrete certamente notato il bottone +Segui presente nella parte alta del layout che permette con un semplice click di diventare follower del microblog che si sta visualizzando. La stessa icona in semitrasparenza viene mostrata anche nelle miniature di presentazione dopo che siamo per esempio andati su Trova Blog.

Su Blogger esiste da molto tempo il widget dei Lettori, o Google Friend Connect come si chiamava qualche tempo fa, che permette agli utenti di Blogger di visualizzare nella loro Bacheca tutti i post dei siti a cui si sono uniti. Il gadget può essere mostrato nel blog andando su Layout > Aggiungi un gadget > Lettori fissi e cliccando su Salva.

Se non ci piace mostrare il widget o se non lo possiamo fare per varie ragioni possiamo però mettere nel layout un pulsante flottante come quello di Tumblr che permetterà ai navigatori di iscriversi al nostro blog. Si va sempre su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il codice seguente

<div style="position: fixed; top: 50px; right: 100px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=XYZXYZXYZ" target="_blank" rel="nofollow" title="Segui come Lettore" alt="follow" /><img src="https://lh4.googleusercontent.com/-rrlUyWOsPyo/UFBUAjNZ-8I/AAAAAAAAacg/GbWztvXuOKY/s64/segui2.png" border="0" /></a></div>

dove si possono scegliere le distanze del pulsante dalla parte alta (top: 50px) e dalla parte destra (right: 100px). L'icona è leggermente più grande di quella di Tumblr. Se la volete identica potete sostituire l'URL in viola con quest'altro

https://lh5.googleusercontent.com/-LAGdIw7ENG8/UFBT-RGvj4I/AAAAAAAAacY/5OBNf_TG9QU/s56/segui.png

Il numero XYZXYZXYZ è l'ID del blog e può essere facilmente trovato andando in Bacheca e cliccando sul nome del blog. Il numero si vedrà nella barra degli indirizzi del browser dopo blogID

id-blog-blogger

Tale numero deve ovviamente essere inserito nel codice al posto di XYZXYZXYZ. Quando qualcuno cliccherà sul pulsante che avrà questo aspetto

segui-blogger

si aprirà una pagina in cui si potrà confermare la volontà di seguire il blog in questione. Per meglio comprendere il suo funzionamento recatevi in questo mio Blog di Prova e provate a cliccare sul bottone +Segui che vedete in alto a destra.




29 commenti :

  1. Wow! Fantastico. Sul mio blog il widget lettori fissi mi dà sempre un sacco di problemi - innanzitutto l'ho dovuto inserire tramite altri gadget > membri, altrimenti mi dava errore eppoi... si carica una volta sì e due no.

    Dovrò provare la soluzione da te suggerita. :)

    RispondiElimina
  2. Fioredicollina!!! Dove sei???
    Mi sa che quando vedrà questo post sarà ultramegaiperfelice ^^

    RispondiElimina
    Risposte
    1. grazie per avermi avvisata, io l ho inserito ma ho provato ad auto seguirmi ma non figuro nella mia bacheca, forse ha ragione Ernesto, ma è mai possibile che nessuno mi possa risolvere il problema? :-((

      Elimina
  3. Mi sa che Fioredicollina ha dei problemi con l'account e forse non le funziona neppure questo @

    RispondiElimina
    Risposte
    1. Caro Ernesto, vale quanto sopra risposto alla gentile amica.... :-(

      Elimina
    2. @Fioredicollina
      Me lo aspettavo. Tu hai un problema che risiede in qualche bug che è nato all'atto del tuo passaggio da Splinder a Blogger e che adesso non si può sanare perché non si può più accedere a Google Friend Connect.

      Elimina
    3. sì lo immaginavo....grazie cmq anche per la tua gentile risposta!

      Elimina
  4. Mi dicono però che Avast antivirus lo segnali come virus

    RispondiElimina
    Risposte
    1. @IvanDeFelice
      Segnala come virus il bottone? Allora c'è qualche cosa che non va in Avast :)

      Elimina
  5. Sai una cosa? In questo modo può iscriversi solo chi ha un account Google, mentre prima si poteva scegliere fra diversi profili. Non ho mai capito a cosa servisse registrarsi con un account Yahoo, ma c'è gente che lo fa...

    RispondiElimina
    Risposte
    1. @BastetLaDea....
      Ovviamente c'è questa limitazione

      Elimina
  6. Ottimo post!
    Stavo cercando una cosa simile ma che tu sappia, c'è modo di fare che il pulsante sia "fixed" e allo stesso tempo dietro gli altri widget in background di modo tale che compaia nella colonna soltanto una volta che uno fa lo scroll?

    Cerco di spiegarmi meglio, se uno va sulla dashboard di tumblr: http://www.tumblr.com/dashboard

    scopre che la colonna a fianco, quella a destra, ha un elemento fixed che compare soltanto una volta che uno fa lo scrool e vede tutti gli altri, e ti segue fisso in basso a destra.

    Cioe io vorrei mettere una cosa simile sul blog, fixed nella colonna a destra ma che compaia soltanto una volta che uno ha già fatto lo scrool e visto gli altri widgets... sto cercando ma non so come si chiami l'opzione nel css, probabilmente background qualcosa..

    Avresti qualche idea? Grazie di già :)
    Santiago

    RispondiElimina
    Risposte
    1. @Santiago+-+-+
      Mi chiedi una cosa che presumo sia al di sopra delle mie capacità, tra l'altro non sono neppure sicuro di averla capita :)

      Elimina
  7. Ciao, ho appena aggiunto questo pulsante al mio blog. Potresti dirmi come cambiare il "segui" con "follow"?

    RispondiElimina
    Risposte
    1. @PaulinaMaria
      Scaricati questa immagine
      http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png e caricala su Picasa oppure inseriscila direttamente nel codice al posto dell'altra

      Elimina
  8. ciao ernesto ho un problema.... è sparito il numero dei membri... vedo tutto tranne il numero come mai?mi potresti aiutare?
    il mio blog http://casa-dolcecasa.blogspot.it/

    RispondiElimina
  9. Non esiste più google friend? Come faccio a inserire il gadget dei lettori fissi?

    RispondiElimina
    Risposte
    1. @# Il gadget dei lettori esiste sempre. Per installarlo vai su Layout > Aggiungi un gadget, poi clicca su Altri gadget che si trova sotto a Base. Il gadget dei Lettori Fissi dovrebbe essere uno dei primi dell'elenco

      Elimina
  10. Ciao Ernesto, io ho un problema con questo widget nel senso che... ho creato un layout con il modello classico quindi non posso aggiungere i gadget dal layout, però volevo avere appunto il gadget dei lettori fissi. Come posso fare? Ho provato a copiare il codice del widget da un modello dinamico provvisorio,ma non c'è verso di riuscire a farlo apparire. Consigli?

    RispondiElimina
    Risposte
    1. Il modello classico? Vedo che sei su Blogger dal 2011. Probabilmente era l'ultimo periodo utile poi quei modelli sono stati abbandonati. Onestamente non ti so dire nulla in merito perché non li ho mai neppure testati e adesso non è più possibile farlo. Mi spiace.
      @#

      Elimina
  11. sono appena riuscita a mettere il "bottone".. però come faccio a vedere le persone che mi seguono? scusa la domanda banale ma sono mooolto inesperta

    RispondiElimina
    Risposte
    1. Si può vedere chi ci segue andando su Bacheca e vedendo il numero di followers sotto a ciascun blog. Se si clicca sopra al link si possono vedere anche i nomi
      @#

      Elimina
  12. ciao Ernesto, ma se volessi metterlo in basso il bottone???

    RispondiElimina
    Risposte
    1. @# Sostituisci nel codice top: 50px; con bottom: 50px; essendo 50 i pixel di distanza dalla parte bassa. Un discorso analogo vale per right: 100px; che può essere sostituito p.e. da left: 100px;

      Elimina
    2. allora..il bottone compare ma quando ci si clicca su compare un messaggio di errore...hel me...grazie...

      Elimina
    3. Se prima funzionava allora hai sbagliato qualcosa, forse non hai sostituito l'ID del tuo blog a XYZXYZXYZ o forse hai copiato male il codice
      @#

      Elimina
    4. infatti..perfetto come sempre...grazie

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.