Pubblicato il 31/05/12 - aggiornato il  | 88 commenti :

Come inserire il Mi Piace di Facebook nei post di Blogger.

Inserimento e personalizzazione del bottone Mi Piace di Facebook con contatori o senza, con avatar o senza, con l'opzione Invia e l'opzione Consiglia, per i blog a sfondo chiaro e per i blog a sfondo scuro.
Ho già dedicato diversi post a come inserire i plugin di Facebook in un blog su Blogger. Se si ha intenzione di visualizzare nel nostro layout oltre al Mi Piace anche il Like box della Pagina Fan e magari anche il modulo dei commenti allora conviene creare una applicazione per poi utilizzare i codici e i concetti dell'Open Graph di Facebook.
Molti blogger invece desiderano semplicemente inserire il Mi Piace di Facebook e al massimo desiderano modificarne il colore se hanno blog con sfondo scuro. E' proprio a questi lettori che si rivolge questo post. I codici che propongo hanno due tag condizionali che inibiscono la visualizzazione del Mi Piace nelle pagine statiche. Si tratta della prima e dell'ultima riga del codice e volendo possono essere tolte o sostituite da altri tag per imporre condizioni diverse.
Prendo in esame tre possibili opzioni per l'inserimento dei pulsanti:
  1. Sotto il titolo del post prima dell'inizio del contenuto dell'articolo
  2. Alla fine del post prima dell'intervallo del Read More
  3. Alla fine del post dopo l'intervallo del Read More.
In tutti e tre i casi bisogna andare su Modello > Backup/Ripristino e salvare una copia del template. Tornare su Modello > Modifica HTML > Procedi e mettere la flag a Espandi i modelli widget. Il codice del Mi Piace va inserito rispettivamente nelle tre ipotesi
  1. Subito sopra la riga <data:post.body/>
  2. Subito sotto la riga <data:post.body/>
  3. Subito sopra la riga <div class='post-footer'>
Va da sé che in queste posizioni del modello ci possono essere anche altri oggetti e quindi in questo caso è necessario ordinarli secondo le nostre esigenze.

CODICE DEL BOTTONE MI PIACE CON CONTATORE VERTICALE

codice-mi-piace-facebook-verticale
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=65&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width65px; height:62px;'/>
</b:if>



CODICE DEL BOTTONE MI PIACE CON CONTATORE ORIZZONTALE


mi-piace-contatore-orizzontale




<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=92&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=22&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:92px; height:22px;'/>
</b:if>



CODICE DEL BOTTONE MI PIACE SENZA CONTATORE


mi-piace-senza-contatore




<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=430&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:430px; height:35px;'/>
</b:if>



ALTRE PERSONALIZZAZIONI DEL CODICE DI FACEBOOK


Come detto si può modificare il colore dei bottoni per adattarli ai blog scuri modificando il parametro colorscheme=light in colorscheme=dark, si possono visualizzare gli avatar modificando la stringa show_faces=false in show_faces=true e molte cose ancora non ultima quella di configurare il pulsante Mi Piace come Consiglia o come Invia. Riporto una tabella con le modifiche più importanti:


Aspetto

Query

Valore

Larghezza e Altezza



Layout


standard

width 530px height 60px
con gli avatar
width 530px height 35px
senza le facce

Layout

button_count

width 92px
height 22px

Layout

box_count

width 65px
height 62px

colorscheme

dark

Indipendenti da questo
parametro

action

recommend

Indipendenti da questo
parametro
sendtrue
Indipendenti da questo
parametro


Non resta altro che modificare i codici precedenti secondo le nostre esigenze. Anche le dimensioni sono puramente indicative e possono essere modificate.


88 commenti :

  1. ho provato a inserirlo ma ho il titolo del post e la data centrati , e il mi piace di facebook rimarrebbe a sinistra, come risolvo?grazie

    RispondiElimina
    Risposte
    1. @Caterina
      E' molto semplice. Basta che tu inserisca un tag prima del codice e un tag alla fine del codice per centrare il bottone. I due tag sono
      <center> all'inizio e </center> alla fine

      Dal punto di vista concettuale è meglio se gli inserisci dopo la prima riga e subito prima dell'ultima. Per esempio in questo modo per il primo codice

      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <center>
      <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=65&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width65px; height:62px;'/>
      </center>
      </b:if>

      Elimina
    2. fatto come sempre grazieeeee!

      Elimina
  2. Finalmente un metodo facile e veloce!! Unica pecca... Vorrei che una volta premuto il pulsante, il mi piace sia un effettivo mi piace, e che non debba venire confermato. Come si può fare?

    RispondiElimina
  3. Ciao Ernesto pensi che possa essere possibile affiancarlo al read more? a fine post avere sulla stessa linea il read more a sinistra e il pulsante mi piace a destra...

    RispondiElimina
    Risposte
    1. @StefanoVinci
      In teoria potrebbe essere possibile. Devi inserire il codice del bottone dentro due div in questo modo

      <div style="float:right; margin-top:-80px;">

      Codice bottone

      </div>

      Lo incolli subito dopo la riga

      <data:post.body/>

      e poi modifichi il valore di -80px a seconda del tuo layout

      Elimina
    2. Ciao Ernesto grazie mille, funziona! ma leggendo il tuo commento mi è venuto in mente di inserire il pulsante mi piace incorporato alla barra divisoria a fine post quella che contiene "postato da", l'ora, il numero dei commenti ecc.. ho inserito il codice che mi hai postato qualche riga più sotto di "div class post footer" il problema che con il margin-top riesco a spostarlo verticalmente ma mi occorre spostarlo anche orizzontalmente per adattarlo alla barra, qual'è il codice che rende possibile questo? guarda con i tuoi occhi, il primo post sotto l'header ho necessità di spostare a destra il pulsante mi piace per adattarlo... www.cercosapere.it help!!!!

      Elimina
    3. @StefanoVinci
      Per spostarlo orizzontalmente nel CSS in cui hai inserito margin-top puoi mettere anche margin-left o margin-right

      Elimina
  4. Ciao :)
    io ho messo la nuova versione di un template di blogger ma non ci sono quei comandi che hai inserito nel post per inserire il mi piace :(

    RispondiElimina
  5. Se non gli vedi vuol dire che non hai messo la spunta a Espandi i modelli widget

    RispondiElimina
  6. ho provato sia il metodo open graph che questo e in tutti i casi mi restituisce un errore uffa....dove sbaglio parsifal????

    ecco l'errore

    http://www.facebook.com/plugins/error/confirm/like?iframe_referer=http%3A%2F%2Ftestardoevero.blogspot.it%2F&secure=false&plugin=like&return_params={%22href%22%3A%22http%3A%2F%2Ftestardoevero.blogspot.it%2F2012%2F08%2Fmantenere-labbronzatura-una-volta_23.html%22%2C%22layout%22%3A%22standard%22%2C%22show_faces%22%3A%22false%22%2C%22width%22%3A%22450%22%2C%22action%22%3A%22like%22%2C%22colorscheme%22%3A%22light%22%2C%22height%22%3A%2235%22%2C%22ret%22%3A%22sentry%22%2C%22act%22%3A%22connect%22}

    RispondiElimina
    Risposte
    1. @Testardoevero
      Incollare un URL va bene ma il tuo prende mezza pagina :) Non so cosa tu abbia sbagliato. Il codice di questo post va incollato così com'è e non si può sbagliare. Se ti dà un errore allora prova a rivolgerti a Facebook ma prima prova con un altro blog e un altro modello, forse il problema sta lì.

      Elimina
    2. Purtroppo ho lo stesso problema anche lui... ahi! FB ci fa diventar pazzi! Un attimo prima funziona e poi più ...

      Elimina
  7. Ciao! Ho provato ad inserire il codice per avere il MI PIACE alla fine del post, ma mi da questo errore: Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
    Messaggio di errore XML: The value of attribute "class" associated with an element type "null" must not contain the '<' character.

    Error 500

    cosa sbaglio? grazie

    RispondiElimina
    Risposte
    1. @Lulu+-+-
      Hai inserito il codice direttamente nel modello? Se è così può darsi che non funzioni perché deve essere prima convertito in XML. Vai in questa pagina
      http://blogcrowds.com/resources/parse_html.php
      Incolla il codice nel modulo e clicca su Parse. Poi seleziona e copia il codice convertito e prova a incollare quello nel modello.

      Elimina
    2. Ciao, seguendo le tue idnicazioni ho inserito il "pulsante" mi pace alla fine dei miei post. Ora ho un problema: negli ultimi due posto pubblicati, il contatore non funziona, nel senso che mi fa vedere solo che piace a me, ma ho fatto delle prove con amici e so che altri lettori hanno messo "mi piace". Da cosa può dipendere questo problema?
      questo è il blog, puoi vedere da te gli ultimi due post
      http://lifelaughloveandlulu.blogspot.it/
      Grazie per una risposta, saluti.

      Elimina
    3. @ Lulu
      Questi problemi solitamente dipendono da dei malfunzionamenti dei server di Facebook che in genere vanno a posto dopo qualche giorno.

      Elimina
  8. Grazie per questo meraviglioso pèost!

    RispondiElimina
  9. Ciao ernesto, ho un problema fino a qualche giorno fa il mi piace funzionava ben malgrado mi chiedeva la conferma ma funzionava ora invece qualche clicco sul mi piace non mi da ne l'immagine di anteprima e quando conferma il tasto sul blog mi torna indietro sapresti darmi una risposta? (se vado sui post vecchi funziona solo sui nuovi non mi funziona)

    RispondiElimina
    Risposte
    1. @testardovero
      Questi problemi sono ricorrenti e dipendono dai server di Facebook. Non sei l'unico lamentarli

      Elimina
  10. Grazie mille un post davvero utilissimo !!! Ho inserito il terzo pulsante e funziona, ancora non ci credo! :) Grazie davvero. L'ancora non ci credo è riferito alle mie capacità, sia chiaro :)
    E se posso avrei due domande: si può togliere la conferma del "mi piace"?!
    e poi quando ho inserito il pulsante mi sono accorta che avevo già delle preferenze, tipo a 13 persone piace questo post, allora mi chiedevo, se queste preferenze fossero reali o meno.
    Grazie ancora
    Roberta

    RispondiElimina
    Risposte
    1. @tuttavitarobi
      La conferma del Mi Piace è una scelta di Facebook. Se il contatore segna 13 significa che 13 persone avevano espresso apprezzamento per la pagina con un metodo diverso dal pulsare per esempio usando una estensione.

      Elimina
  11. Sempre preziosissimi i tuoi suggerimenti. Grazie.

    RispondiElimina
  12. Ciao, io non trovo i riferimenti nel template (uso uno di quelli proposti da blogger) perchè, seguendo la procedura da te indicata, non mi permette di flaggare Espandi i widget e non posso nemmeno tornare alla versione precedente della versione di blogpost...

    RispondiElimina
    Risposte
    1. @ MaxToscano
      Se non puoi mettere la spunta su Espanso i modelli widget allora prova a cambiare browser o a eliminare i cookie.

      Elimina
    2. ** Espandi non espanso. Queste tastiere per cell... :'(

      Elimina
    3. @ MaxToscano
      Se non puoi mettere la spunta su Espanso i modelli widget allora prova a cambiare browser o a eliminare i cookie.

      Elimina
    4. Questo commento è stato eliminato da un amministratore del blog.

      Elimina
  13. ciao, no non funziona....nè cambiando browser nè eliminando cookie

    RispondiElimina
  14. @ Max Toscano
    Allora rivolgiti al Forum di Blogger

    RispondiElimina
  15. Ciao ragazzi, e grazie per questi utilissimi tutorial! Ho un problemaccio di cui non riesco a venirne a capo: ho inserito il bottone "mi piace" sul mio blog e tutto funzionava a meraviglia. Poi ho notato che negli ultimi 3 post il bottone è scomparso, anche se continua ad essere visibile sui vecchi post. Ho provato anche a cancellare il codice e a inserirlo sotto il titolo e non alla fine del post, e accade sempre la stessa cosa: cioè nei vecchi post è visualizzato nella nuova posizione ma nei nuovi non c'è! Avete suggerimenti? Sto impazzendo... Grazie ancora e buon lavoro

    RispondiElimina
    Risposte
    1. @ Loscèf
      E' una cosa che sento per la prima volta. Ho aperto il tuo blog e veramente il Mi Piace non l'ho visto da nessuna parte. L'unica ragione che mi viene in mente che possa provocare la non visibilità di un bottone nei primi post è una questione di cookie quindi prova con altri browser.

      Elimina
  16. Ciao Ernesto, una semplice curiosità più che una domanda.
    Questo bottone... funziona? Ti faccio un esempio: ho appena pubblicato un articolo:
    - 28 "mi piace",
    - notifiche dirette su facebook giusto un paio,
    - per il report ShinyStat™ 12 visite effettuate oggi.
    - per google analytics 5 visite effettuate oggi.
    C'è qualcosa che non quadra, no?

    RispondiElimina
    Risposte
    1. @Startfromscratch
      Se i dati sono questi è chiaro che c'è qualcosa che non va ma probabilmente sta in qualche bug nei server di Facebook. Non è la prima volta che dà dei numeri ...

      Elimina
  17. finalmente un modo semplice per inserire il bottone!!! è da 3 ore che giro siti per cercare di capire come cavolo fare ho provato in mille modi, ce l'ho fatta grazie a te!!!!

    RispondiElimina
  18. Ciao Ernesto,nel mio blog non ho messo il tasto read more;vorrei comunque far visualizzare il terzo bottone solamente nelle singole pagine dei post (cioè sulla pagina che si apre quando clicco sul titolo del post).
    ...cosa fare?

    Ciao
    CSJ

    RispondiElimina
    Risposte
    1. @# Usa la terza opzione e il bottone si inserirà dopo il Read More e quindi non si vedrà in home. Se poi vuoi fare una cosa ancora più precisa inserisci due tag condizionali uno alll'inizio e uno alla fine del codice
      http://www.ideepercomputeredinternet.com/2012/06/i-tag-condizionali-e-i-domini.html

      Elimina
  19. Funziona alla grande!!!
    ...ho anche inserito i tag condizionali come da Te suggerito!
    Grazie...

    Ciao
    CSJ

    RispondiElimina
  20. ciao, ho un problema..son 30 minuti che cerco nelle righe e non lo trovo, ho spuntato la casella Espandi i modelli widget ma nulla..non lo trovo.

    RispondiElimina
    Risposte
    1. @# Dici che non trovi queste righe nonostante tu abbia messo la spunta a espandi modelli widget?

      data:post.body/
      div class='post-footer'

      E' impossibile, in questo caso il tuo modello non sarebbe di Blogger. Prova a cliccare su F3 e poi a incollare la riga nello spazio che si apre

      Elimina
    2. Non trovo la casella espandi i modelli widget!

      Elimina
    3. Non trovo la casella espandi i modelli widget!

      Elimina
    4. @# Questo post è del 2012 e Espandi widget non c'è più, segui questo post più recente
      http://www.ideepercomputeredinternet.com/2013/08/mi-piace-facebook-blogger.html

      Elimina
  21. Grazie, mi sei stato di grande aiuto CIAO.

    RispondiElimina
  22. Sul mio blog non è visibile...come mai? Grazie

    RispondiElimina
    Risposte
    1. @# O non lo hai installato bene oppure hai guardato l'anteprima o aperto la homepage invece di un qualsiasi post

      Elimina
    2. No...l'ho installato bene, ho salvato il modello html, e ho visto un post del blo ma nulla...ho provato vari codici, anche xml, ma sul mio blog non si vedono, non capisco perchè

      Elimina
  23. scusa ernesto ti volevo chiedere xkè il mi piace mi compare si dentro il post, ma solo nell'home page negli altri post no xkè?? ho seguito la tua guida alla lettera e un consiglio se vuoi accettarlo è quello di mettere una foto raffigurativa della stringa ke si deve trovare nel codice html.....io ho dovuto guardare in un altro blog x l'immagine e mi è stata di molto aiuto ^_^....cmq se mi puoi aiutare grazie..

    RispondiElimina
    Risposte
    1. @# Dovrebbe vedersi in tutti i post. Prova a cambiare posizione e scegli un'altra ubicazione. Al limite togli la prima e l'ultima riga del codice che sono i tag condizionali che gli impediscono di vedersi nelle pagine statiche

      Elimina
    2. eh no ho provato le condizionali anke senza ma resta sempre nel post della pagina principale.....credo che il problema sia quello che ne hai parlato tu stesso = "Aggiornamento importante: Dopo l'introduzione dei domini localizzati per Blogger nel caso non si sia provveduto a un redirect verso l'indirizzo canonico, se si utilizza un tag condizionale in cui ci sia da inserire l'URL del post per visualizzare un widget solo in una pagina, si deve incollare l'indirizzo canonico dell'articolo, quello con il .com e non quello con il .it. Per intenderci l'URL andrebbe indicato come"...........io infatti ho il dominio blogspot.it!! non sarà questo il problema?...cmq sto cercando di risolvere in un altro modo, inserendo il gadget direttamente nella "post quick edit bar" problema risolto con il 2° pulsante :D ma con il primo cè problema si spazio :(

      Elimina
  24. Ciao, scusa se ti scrivo qui, ma io adoro il tuo blog, che è stato utilissimo per imparare a gestire il mio...
    DIcevo, scusa se ti scrivo qui, mi rendo conto che questo post parli di altro, ma ho isogno di qualcuno che ne sappia a manetta come te per risolvere un ENORME problema che sto avendo. è da oltre una settimana che, quando voglio condividere un post con google +, mi permette di condividere, ma l'immagine di anteprima non me la fa più scegliere. risultato: tutti i post che io condivido su google + per pubblicizzarli vengono condivisi tutti con la stessa immagine d'anteprima (il banner nero del mio blog). La impossibilità di condividere senza una bella fotografia che invogli gli altri utenti a cliccare sul link e a venirsi a leggere il mio post ha fatto PRECIPITARE LE VISUALIZZAZIONI del mio blog...che è nuovo nuovo, ma che stava già cminciando a darmi piccole soddisfazioni... ora sono tagliata fuori dalla rete. i 9/10 di visualizzazioni io le facevo grazie a google +, perché ho pochissimi amici su facebook....
    Tu sai come posso fare a riabilitare la possibilità di scelta dell'immagine di anteprima? ho contattato il forum google e mi ha risposto una persona che non mi ha saputo dire nulla se non ce effettivamente anche lui ha riscontrato che effettivamente ho questo problema.
    Scusami per la pappardella, ma potresti per favore aiutarmi?? te ne sarei INFINITAMENTE GRATA!! so che non vuoi link ai commenti, ma ti devo dire quale è il mio blog, così ci guardi anche tu. è www.walkontheshinyside.com
    Se riesci a risolvermi il problema ti faccio un monumento!!!!!!!!
    Eva

    RispondiElimina
    Risposte
    1. @# Non è che non voglio link nei commenti, non voglio link cliccabili. Puoi benissimo incollare l'URL del tuo sito o di una qualsiasi pagina web. Per risolvere devi attivare le Preferenze di Ricerca
      http://www.ideepercomputeredinternet.com/2012/03/come-personalizzare-le-preferenze-di.html
      Può anche essere utile fare questa operazione
      http://www.ideepercomputeredinternet.com/2012/03/la-descrizione-nelle-preferenze-di.html
      e inserire i metatag di Facebook che vengono rilevati anche da Google
      http://www.ideepercomputeredinternet.com/2013/03/open-graph-facebook.html

      Elimina
  25. Ciao Ernesto, nonostante il tuo sia uno degli articoli meglio scritti riguardo questa che all'apparenza sembra facile operazione, io non riesco a venirne a capo. Dopo la mattinata passata a cercare e dopo aver provato ad inserire i codici di ogni genere, niente di niente!!! Io sono una schiappa in materia, quindi puoi immaginare. Però stavo pensando, siccome ho appena impostato un nuovo template (scaricato da blogger template) e in effetti il pulsante io prima ce l'avevo ora non più. Può dipendere da questo nuovo modello di blog? Mica sarà impossibile ora metterlo di nuovo, no??? A I U T O. Espandi modelli widget manca pure a me, ho "vai al widget" e "ripristina modelli widget a valori predefiniti". *_* Grazie mille in anticipo. ;-)

    RispondiElimina
    Risposte
    1. @# Perché scaricare template da internet? Solo il suo creatore li conosce bene. O sono assolutamente perfetti oppure è difficile modificarli. Comunque credo che il tuo problema sia quello di trovare le righe di codice giuste per poi inserire i codici. In alcuni modelli scaricati da internet delle righe che devi cercare spesso ce ne sono più di una quindi va trovata quella giusta. Leggi questo post e guardati anche il videotutorial
      http://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html

      Elimina
  26. ciao Ernesto,
    ho inserito il tasto "mi piace", inserito nei post del mio blog
    lo-svuotarmadio.blogspot, ma non mi conta più le adesioni, pur essendo presenti vari "mi piace" nella pagina facebook...
    da cosa può dipendere? è perché ho inserito anche un like box nella sidebar?
    grazie dell'aiuto e in ogni caso del tuo lavoro prezioso.

    RispondiElimina
    Risposte
    1. @# Non te lo saprei dire. So che è un problema che si presenta spesso. Hai provato a creare una applicazione?
      http://www.ideepercomputeredinternet.com/2012/06/come-usare-open-graph-di-facebook-in.html
      http://www.ideepercomputeredinternet.com/2013/03/open-graph-facebook.html

      Elimina
  27. Salve ho incollato il codice come descritto ma del Mi piace nemmeno l'ombra. questo è il mio blog: umbertoresourcengilsoftwaregestionale.blogspot.it

    se vuole le invio uno screenshot col codice incollato? grazie Umberto

    RispondiElimina
    Risposte
    1. @# Prova a modificare il punto di inserimento. In alcuni modelli bisogna farlo. Come seconda opzione prova a togliere la prima e l'ultima riga che sono i tag condizionali e che forse impediscono la visualizzazione.
      P.S Non è che hai guardato solo su Anteprima modello senza salvare? Perché i bottoni si vedono solo nei post e non in homepage del template

      Elimina
    2. ho provato a eliminare i tag condizionali ma niente. cosa intendi per modificare il punto di inserimento?

      Elimina
    3. @# Ho dato tre opzioni con le righe relative

      Elimina
    4. niente da fare ... le ho provate tutte e tre.

      Elimina
    5. Ho lo stesso identico problema... ho seguito mille guide, ma niente, non funziona! Ho cambiato punto d'inserimento, ho tolto le linee, ho provato codici diversi... boh! :/

      Elimina
  28. Scusate ma solo a me non funzionano i codici ? com'è ?

    RispondiElimina
    Risposte
    1. @# Giuseppe Pezzullo
      @Umberto ResourceNg
      Ho provato a installare i codici ma in effetti non funzionano più. Hanno smesso di funzionare il 15 Maggio per le nuove installazioni mentre non so se le vecchie installazioni continuino ancora a funzionare. E' stato probabilmente Facebook che vuole abbinare una applicazione a ogni bottone. Bisogna quindi seguire questo tutorial più complesso in due parti. Prima l'Open Graph
      http://www.ideepercomputeredinternet.com/2012/06/come-usare-open-graph-di-facebook-in.html
      quindi i vari plugin
      http://www.ideepercomputeredinternet.com/2012/06/facebook-blogger-plugin-open-graph.html

      Elimina
  29. Grazie, avevo tempo fa inserito il codice e tutto funzionava regolarmente. Adesso ho cambiato modello, ma è sempre quello classico, e non riesco a trovare
    data:post.body
    class='post-footer'
    Perché è cambiato parecchio il codice.
    http://albertocane.blogspot.it/

    Grazie comunque
    Alberto

    RispondiElimina
    Risposte
    1. Quelle righe ci devono essere per forza anche nei modelli di Blogger scaricati da internet. Il fatto è che è cambiato l'Editor e il codice va cercato in modo diverso. Leggi questo post e guarda anche il video
      http://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
      @#

      Elimina
    2. Grazie, mille grazie, tutto risolto.

      Elimina
  30. Ciao, non riesco a trovare neanche uno dei tre codici HTML nel mio template anche se uso CTRL+F, nemmeno ho più l'espandi widget, ma ora c'è il nuovo "Vai al widget" come fare?
    Grazie

    RispondiElimina
    Risposte
    1. Per cercare il codice non ci sono problemi, basta che segua questo tutorial
      http://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
      e che guardi il video. Il problema è che questo codice da qualche mese non funziona più come puoi leggere nei commenti precedenti. Facebook vuole che per usare questi bottoni si crei una applicazione. Ecco allora che l'unico sistema funzionante per questi bottoni al momento è questo
      1)Inserire i tag e gli script Open Graph
      http://www.ideepercomputeredinternet.com/2012/06/come-usare-open-graph-di-facebook-in.html
      2)Installare tutti i plugin o solo quelli che ci servono
      http://www.ideepercomputeredinternet.com/2012/06/facebook-blogger-plugin-open-graph.html

      Appendice:
      E' utile anche questo ultimo post che riprende e attualizza il primo
      http://www.ideepercomputeredinternet.com/2013/03/open-graph-facebook.html
      @#

      Elimina
  31. confusione pazzesca... nun ce la posso fare, sono bollita.. ho rimediato con dei codici generati da plugin nelle pagine apposite dei social (come vedi nel mio blog, sidebar)... Solo che è dura dover mettere manualmente questi codici ogni volta alla fine dell'articolo nell'HTML di ogni nuovo post; li volevo fissi proprio sopra il LinkWithin invece smanettando con i codici proposti qui mi vanno a finire alla fine ultima del corpo del post, sotto i commenti... casino totale.
    Grazie lo stesso :))

    RispondiElimina
    Risposte
    1. Per metterli più in alto prova a incollarli prima di < data:post.body/ >. Dovrebbero andare prima dei commenti e anche di LinkWithin
      @#

      Elimina
  32. A me non ha funzionato, volevo mettere il terzo mi piace su blogger giusto sotto il titolo del post.
    Grazie a te sono riuscita a inserire il box dei commenti di Facebook nel blog. Ma il box del mi piace come devo fare???

    RispondiElimina
    Risposte
    1. Facebook ha cambiato alcune cose e nell'Editor di Blogger è più difficile trovare la riga giusta. Segui questo tutorial per il Mi Piace
      http://www.ideepercomputeredinternet.com/2013/08/mi-piace-facebook-blogger-template.html
      @#

      Elimina
  33. ciao Ernesto tutorial bellissimo ho inserito i codici per avere il "mi piace" sotto il post alla fine dell'intervallo del read more, l'ho installato senza problemi come anche il bottone "condividi" sempre da un tuo post. il problema e sorto quando ho inserito il "mi piace" , i due bottoni si sono sfalsati in altezza fra loro e non capisco come allinearli. naturalmente li ho provati in in una pagina blog di prova per evitare problemi, mi potresti aiutare questo è il blog di prova http://provablogdifrancesco.blogspot.it/ così puoi vedere qual'è il problema grazie.

    RispondiElimina
    Risposte
    1. Sono al cellulare. Cerca nel sito "come inserire i bottoni dei social sotto il post". Dovresti trovare l'articolo giusto per il tuo problema
      @#

      Elimina
    2. Sono al cellulare. Cerca nel sito "come inserire i bottoni dei social sotto il post". Dovresti trovare l'articolo giusto per il tuo problema
      @#

      Elimina
    3. Oppure "allineare i bottoni sotto il poat"

      Elimina

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