Pubblicato il 24/04/10 - aggiornato il  | 19 commenti :

Come inserire il pulsante Consiglia o Mi Piace su Blogger per condividere un post su Facebook.

Dopo aver illustrato il plugin per inserire il Mi Piace in tutti i post eccomi a presentarne una nuova versione che si presta a ulteriori personalizzazioni. Il sistema si basa sempre sulla creazione di un iFrame da inserire alla fine del post operando sul modello di Blogger.

In questo caso si possono scegliere tra due tipi di pulsanti, Mi piace o Consiglia, e si può anche scegliere la famiglia di font più adatta al nostro blog. Ecco il codice

<!--PULSANTI FACEBOOK INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:40px;'/>
</b:if>
<!--PULSANTI FACEBOOK FINE-->

Le personalizzazioni sono evidenziate di rosso e riguardano

  1. Se si sostituisce action=like con action=recommend al posto del pulsante Mi Piace si vedrà il pulsante Consiglia. Vedi la Demo
  2. Al posto di colorscheme=light si possono inserire colorscheme=dark o colorscheme=evil. Provate per vedere l'effetto più adatto al vostro blog
  3. La famiglia di caratteri può essere mutata in un altra. Invece di font=arial possiamo scegliere font=lucida+grande, font=segoe+ui, font=tahoma, font=trebuchet+ms oppure font=verdana
  4. La larghezza e l'altezza del pixel possono essere variate a piacimento

La differenza tra like e recommend si può apprezzare nei seguenti screenshot

image   image

Queste immagini le ho prese da Blogger Plugins in cui, come vedete è presente anche il numero di coloro che hanno apprezzato il post; cosa che per il momento non accade ancora nei blog italiani su Blogger. Mistero misteriosissimo!!! Al momento credo che l'ipotesi più accreditata è che non sia stata ancora completata l'opera di localizzazione del plugin, visto che nel blog succitato qualche ora fa il numero non veniva ancora mostrato cosa che adesso invece accade. Può essere che nelle prossime ore o nei prossimi giorni lo vedremo apparire anche da noi…

Per l'installazione del plugin si va su Layout > Modifica HTML e si cerca la riga

<data:post.body/>

Il codice si incolla subito sopra e si salva il modello. Si possono scegliere anche posizioni alternative come illustrato in questo post.



19 commenti :

  1. Salve. Ho seguito le istruzioni e in due minuti ho fatto. Grazie mille!

    Peccato che l'opzione "mi piace" non si veda in home page, perchè la maggior parte delle persone legge gli articoli da lì e non aprendoli...

    RispondiElimina
  2. Per il momento non si vede in homepage. Ho provato a mostrarla anche lì ma è un problema nativo dello script.
    Comunque non è vero che le persone arrivano sul blog dalla homepage, tutt'altro.
    Ciao

    RispondiElimina
  3. Ti ringrazio! Stavo provando a mettere la scritta "continua a leggere" per ovviare al problema seguendo le tue istruzioni

    http://parsifal32.blogspot.com/2008_09_01_archive.html

    ma non ci sono riuscita perchè il mio modello non ha il secondo gruppo di righe di codice di cui parli...

    RispondiElimina
  4. Eliminando le due righe che scrivo qui sotto a me compare il pulsante in homepage,sicuramente ci avevate gia pensato ma magari puo essere d'aiuto





    ciao
    luca

    RispondiElimina
  5. mmhhh...non so perche' ma il codice inserito non mi appare nel commento

    comunque intendevo la riga immediatamente dopo l'inizio del codice e quella immediatamente prima della fine
    :-)

    RispondiElimina
  6. @Luca ripartiti
    Non si può inserire codice nei commenti è per questo che non si vedono.
    Comunque la condizione b:if serve proprio per mostrare il pulsante solo nei post. Una spiegazione più esauriente la puoi avere in questo post
    http://www.ideepercomputeredinternet.com/2010/08/come-inserire-il-bottone-aggiornato-del.html
    in cui c'è una nuova versione aggiornata.
    Ciao

    RispondiElimina
  7. weee parsifal se vuoi visita il mio blog

    RispondiElimina
  8. Xfred, l'ho fatto! Me lo avevi già detto, hai appena iniziato ma stai facendo un buon lavoro

    RispondiElimina
  9. @parsifal32
    non trovo la riga sotto o sopra cui devo incollare il codice!

    RispondiElimina
  10. @Corvo Michele
    Quella riga sta in tutti i modelli. Fai la ricerca con F3 e tralascia un paio di caratteri per agevolare la ricerca

    RispondiElimina
  11. Grazie per le istruzioni per il "mi piace" di facebook su blogspot. Va bene.
    Ho visto però che Wordpress utilizza il "mi piace" autonomo e interno a wordpress, senza il collegamento facebook.
    C'è n'è uno simile per blogspot? Grazie.

    RispondiElimina
  12. @Antonio Ragone Non c'è e non credo mai ci sarà visto i rapporti non proprio idilliaci tra FB e Google

    RispondiElimina
  13. Salve,
    come posso fare per mantenere il bottone like e aggiungere anche raccomanded?

    RispondiElimina
  14. @Ipnosi Strategica
    I due bottoni Mi Piace e Consiglia sono in genere alternativi però possono essere inseriti per esempio in zone diverse, prima del post il primo e alla fine del post il secondo.
    Si possono mettere anche i due pulsanti attaccati ma solo se non si usa la versione standard
    http://www.ideepercomputeredinternet.com/2011/03/come-inserire-e-personalizzare-il-mi.html
    Un ipotesi di codice potrebbe essere questa
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div style='float:left;padding:5px 5px 5px 0;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=box_count&amp;show- faces=true&amp;width=55&amp;height=65&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px'/>
    </div>
    <div style='display:inline; padding:5px 5px 5px 0;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=box_count&amp;show- faces=true&amp;width=55&amp;height=65&amp;action=recommend&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px'/>
    </div>
    </b:if>
    </b:if>

    RispondiElimina
  15. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  16. rinnovo i complimenti e ti chiedo,
    se volessi che una volta premuto il bottone consiglia, uscisse il form per il commento di colui che vuole condividere, come succede spesso in molti siti, come bisogna muoversi?
    grazie!

    RispondiElimina
  17. Ho usato questo script in un template già pronto e quando condivido il post, sebbene il link al post compaia correttamente su fb, il riassunto del post è sostituito da questo pasticcio:
    <​!-- google_ad_client = "ca-pub-60515718030...."; google_ad_host = "pub-15562233551..."; /* 336x280 */ google_ad_slot = "8960313....
    non capisco!!! un aiutino, grazie!!

    RispondiElimina
  18. @ Silvia Masaracchio
    E' una cosa che fa impazzire un sacco di blogger. Ho due amiche che lamentano lo stesso problema. Ho anche appena risposto a un commento sullo stesso tema
    http://www.ideepercomputeredinternet.com/2009/11/come-inserire-gli-annunci-di-adsense-in.html?showComment=1320763481525#c4219994223207291808
    Il fatto è che su Facebook hanno recentemente cambiato qualcosa che sta provocando questo pasticcio. Speriamo che risolvano loro perché con i nostri strumenti siamo limitati e non si può intervenire.

    RispondiElimina
  19. Grazie Parsifal, ho letto anche il post che mi hai suggerito: quindi non è Adsense che provoca il guaio se utilizzato insieme al Mi Piace di FB? Comunque ancora grazie, almeno so che il problema non riguarda solo me!

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy