Pubblicato il 23/04/10 - aggiornato il  | 133 commenti :

Come inserire il plugin Mi Piace di Facebook nei blog su Blogger.

Nel precedente articolo avevo parlato dei plugin di Facebook messi a disposizione degli sviluppatori. Segnatamente avevo parlato della possibilità di inserire un link per poter condividere un post con un "Mi Piace" che ha preso recentemente il posto di "Diventa fan". Il plugin funzionava però solo su Wordpress e non su Blogger.
La soluzione è stata trovata da DevFuel che ha utilizzato il linguaggio Javascript all'interno di un iFrame. Al codice originale ho fatto le seguenti modifiche
  1. Ci sono due opzioni di inserimento dell'altezza dell'iFrame: 60px o 30px. Nel primo caso si vedranno anche le icone degli amici che hanno cliccato su Mi Piace mentre con 30px se ne vedrà solo il nome
  2. Ho inserito due righe di codice per rendere visibile il plugin solo nei post e non nella homepage, nelle pagine di archivio e nelle pagine statiche
  3. Ho inserito due tag <center> per centrare il plugin nel layout della pagina 
Vediamo in dettaglio cosa fare per inserire questo plugin nel nostro blog. Per prima cosa andate su Layout > Modifica HML, salvate il modello completo e espandete i modelli widget.
Dovrete incollare il seguente codice nella posizione che credete più opportuna. In seguito vi darò delle possibili opzioni
<!--FACEBOOK MI PIACE INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><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=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/></center>
</b:if>
<!-- FACEBOOK MI PIACE FINE - http://www.ideepercomputeredinternet.com -->
Se il plugin ci piace allineato a sinistra possiamo togliere i due tag center evidenziati di rosso, così come possiamo modificare le dimensioni dell'iFrame specie in altezza come illustrato al punto 1).
Personalmente credo che la posizione migliore di inserimento sia alla fine del post visto che per manifestare il gradimento su un articolo questo deve prima necessariamente essere letto. Bisogna quindi cercare la riga
<div class='post-footer'>
e incollarlo subito sopra. Bisogna considerare che quella è una zona del template molto "trafficata". Ci possono essere anche la pubblicità, i bottoni di voto sui social network o altre cose. Il codice relativo a Facebook va quindi inserito anche in relazione a queste eventuali presenze.
Può anche essere incollato subito sotto alla riga di codice
<data:post.body/>
Se state utilizzando la possibilità offerta dal read more per pubblicare gli articoli in forma sintetica, questo codice può essere inserito anche subito dopo, cioè dopo il codice
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
Ecco lo screenshot dell'inserimento relativo a questo blog
facebook-mi-piace
Se invece volete inserire l'iFrame all'inizio del post ne potete incollare il codice subito sopra alla riga  
<data:post.body/>
oppure subito sotto a
<div class='post-header-line-1'/>
Anche in questo caso bisogna fare i conti con altre presenze quali la pubblicità, bottoni, widget, ecc.
Se ancora nessun tuo amico di Facebook ha cliccato sul pulsante Mi Piace si visualizzerà la seguente scritta
iframe-facebook-mi-piace
con l'invito a essere il primo dei tuoi amici a dire che ti piace questo elemento. Se invece qualche tuo amico ci ha già cliccato sopra se ne vedrà solo il nome se hai messo 30 pixel di altezza
facebook-mi-piace-3
Se ne visualizzeranno anche le icone con relativo collegamento al profilo se si è optato per un'altezza di 60 pixel
facebook-mi-piace-profilo-avatar
L'elemento condiviso finirà nel Profilo di Facebook e potrà essere visto da tutti coloro che ne hanno l'accesso. Considerata l'enorme penetrazione di Facebook può diventare veramente un must per tutti i blog su qualsiasi piattaforma. Credo sia inutile sottolineare che questo iFrame apparirà in tutti gli articoli che avete già scritto dando la possibilità ai vostri lettori di condividere su Facebook anche quelli già datati. Sono orgoglioso di essere stato il primo a proporlo in Italia per gli utenti di Blogger.
Se volete visualizzare l'iFrame di Facebook ovunque, consultate il post "Come visualizzare il plugin di Facebook in tutte le pagine". Se avete problemi di visibilità dell'iFrame per il background del vostro sito, è possibile anche acquisire il codice del Mi Piace di Facebook per i blog scuri.


133 commenti :

  1. Grazie Parsi, sei sempre i numero uno.
    Non sono sicuro ma mi sembra ci sia stato un problema quando ho cliccato mi piace la prima volta: il plugin ha restituito la parola "Errore".
    Alla seconda volta è andato tutto correttamente.
    QUalcun altro vuole provare?

    RispondiElimina
  2. funziona perfettamente e al primo colpo sia qui nel blog di Parsifal sia in quello che ho aggiunto al mio blog.
    Sei un genio! Grazie! ^_^

    RispondiElimina
  3. @giorgiogal
    @soffio di dea
    L'ho provato anche in altri blog e funziona correttamente. Magari adesso clicco su qualche iFrame inserito da voi per avere ulteriori conferme.

    RispondiElimina
  4. L'ho provato sul blog di Soffio e funziona... boh... può darsi che allora quel messaggio di errore fosse un caso... vediamo se capita ad altri

    RispondiElimina
  5. Parsifal, ti segnalo che con firefox (io ho la versione 3.6.3) l'iframe viene tagliato di sotto a causa dell'altezza di 20px (credo). Ti consiglio di provare con qualche pixel in più

    RispondiElimina
  6. @giorgiogal
    OK Grazie. Ho messo 30 px e adesso in questo senso non ci sono problemi.
    Ancora però non si visualizzano il numero di persone che hanno condiviso il post con "Mi Piace"

    RispondiElimina
  7. si è vero nn appare il n° di persone che hanno cliccato sul tasto... a che è dovuto?

    RispondiElimina
  8. Non lo so... forse il plugin installato mediante Wordpress funziona diversamente. Il problema forse risiede nel fatto che Facebook è in PHP come Wordpress mentre Blogger è in HTML :-)
    Se ci sono novità per migliorarlo ovviamente le posterò.
    Ciao

    RispondiElimina
  9. Non so perchè ma sul mio blog non funziona...

    RispondiElimina
  10. @Graziano
    E' molto strano perché funziona con tutti i blog che ho testato, anche con quelli personalizzati.
    Forse c'è una incompatibilità, non saprei.
    Ciao

    RispondiElimina
  11. Parsi, ottimo plugin.
    Pero' si vede solo quando apro la pagina specifica del post, quella che ha i commetni sotto al post, non quando sono sulla home (con tutti i post in ordine di inserimento senza commenti).
    C'e' modo di farlo vedere anche sulla home?
    Grazie
    Ciao

    RispondiElimina
  12. @Fabio
    ho provato ma sembra proprio che questo plugin funzioni solo all'interno dei post

    RispondiElimina
  13. ma è possibile evitare la pubblicazioni dei nomi, con tanto di viso, di chi ha cliccato il famoso mi piaci?
    Per pura questione di privacy...

    RispondiElimina
  14. Dr.Apocalypse
    per le foto si risolve facilmente basta inserire height:30 invece di 60.
    Per i nomi è un falso problema perché saranno visualizzati solo dai loro amici. Se nessun tuo amico ha cliccato su Mi Piace non vedrai nulla.
    Ciao

    RispondiElimina
  15. magico,

    è possibile avere una versione che visualizza il plug in anche in home page e nn solo all'interno dei singoli post?

    grazie 1000!!!
    Jacopo

    RispondiElimina
  16. @Doctor Brand
    La risposta è sì. Leggi questo post
    http://parsifal32.blogspot.com/2010/04/come-vedere-il-pulsante-piace-di.html
    Ciao

    RispondiElimina
  17. Complimenti, ho installato anche io il plug in sul mio blog e funziona ma...come faccio io, amministratore del blog, a sapere i nomi di chi ha cliccato su "Mi piace"?

    RispondiElimina
  18. @Dom
    E' proprio questo il bello. Tu, per esempio, alla fine di questo post vedrai che hanno cliccato su Mi Piace dodici persone (circa). Però potrai vedere il nome solo di coloro che sono tuoi amici su FB (o di te stesso se ci hai cliccato).
    Per la privacy non si potranno conoscere i nomi di chi clicca su Mi Piace in un qualunque post sul web se non abbiamo stretto amicizia.
    Spero di essere stato sufficientemente chiaro. Ciao

    RispondiElimina
  19. amico finalmente ci sono riuscito grazie....però "mi piace" esce solo quando clicco nell'apposito post, nella home page non mi compare...è normale??

    RispondiElimina
  20. @Manuel Firenze
    Ti ho risposto in un commento sul tuo blog. Si vedono correttamente anche gli avatar di coloro che hanno cliccato su Mi Piace visto che hai scelto l'opzione con altezza 60px

    RispondiElimina
  21. Un mito come sempre....tutto ok al primo colpo.
    Parsifal tu mi togli i "pensieri" di non poter riuscire a fare qualcosa...
    Basta che vengo qui ...e puff...e' fatto :-)
    Grazie!!
    Astasia

    RispondiElimina
  22. @astasia
    Ho cliccato su Mi Piace dell'ultimo tuo post. Ho visto che hai inserito l'altezza di 60px per vedere anche gli avatar dei profili.
    Complimenti per il tuo blog che sta diventando sempre più bello e importante, sembra ieri che hai iniziato :-)

    RispondiElimina
  23. ciao parsifal, ho inserito il codice senza problemi e pare funzionare ma fa vedere solo la mi aimmagine e non quella di tutti coloro che hanno cliccato su mi piace. da ocsa dipende? contemporaneamente ho inserito il plugin in basso a sinistra ma non indica nulla. da cosa dipende? ci vuole tempo?

    RispondiElimina
  24. @Segreti della pesca
    Per questioni di privacy di Facebook tu vedi solo i nomi e gli avatar dei tuoi amici che hanno premuto su Mi Piace, degli altri puoi vedere solo il numero totale.
    Ogni persona che vede il plugin lo vede in modo diverso. La tua immagine la puoi vedere solo tu e i tuoi amici. Chi non è tuo amico vedi il numero senza nomi e icone.
    Spero di essermi spiegato.
    Ciao

    RispondiElimina
  25. Ciao. Volevo chiederti una cosa. Ho provato e riprovato il tuo metodo ho incollato il codice dove tu hai detto prima a una parte e poi ad un altra ma alla fine niente il tasto non mi compare. Ti assicuro di aver seguito passo passo tutto. Ho già fatto modifiche al html del mio blog di blogger e ci sono sempre riuscito ma stavolta niente non compare niente. Puoi aiutarmi

    RispondiElimina
  26. @Anonimo
    Non saprei che dirti. Il codice è quello...
    Probabilmente c'è qualche incompatibilità con il tuo modello.
    Puoi sempre provare quest'altro
    http://parsifal32.blogspot.com/2010/04/come-inserire-il-pulsante-consiglia-o.html
    Può darsi che questo sia compatibile dato che ha un altro script. Fammi sapere.
    Ciao

    RispondiElimina
  27. ciao parsifal32, ho provato e tutto funziona ma, c'è un maaa, per problemi di spazio il plugin non entra nella schermata dei post, potresti fare qualcosa al riguardo?
    http://cervelliamo.blogspot.com
    Saluti

    RispondiElimina
  28. @giuseppe
    puoi variare la dimensione del plugin sostituendo i numeri evidenziati in rosso, 530 la larghezza e 60 l'altezza.

    RispondiElimina
  29. Scusate ma perchè da qualche giorno nella like box di Facebook (come quella che c'è qui, per intenderci) non si visualizzano più le icone dei fan? :(

    RispondiElimina
  30. va bene su firefox e chrome ma internet explorer mostra delle scritte del plug-in direttamnete sul tasto mi piace

    RispondiElimina
  31. ciao, ho inserito il codice in l'iframe nel mio sito (non blog wordpress) in modalità button_count.

    Ho i seguenti dubbi:
    1. Quando clicco sul bottone di un post del mio sito, non visualizzo accanto il numero di utenti a cui piace (dovrebbe contare anche me, giusto?).
    2. in modalità standard vedo sempre la frase "Vuoi essere il primo a cui piace...." anche se ho già cliccato su Mi piace.
    3. Se ci sono un sacco di posts nel mio sito, per vedere se e a quante persone piaccion i post, devo farmi il giro di tutti i post e leggere il contatore???
    Grazie e per l'ottimo blog!!

    RispondiElimina
  32. @balaustra
    solo se qualcun'altro diverso da te ha cliccato su Mi Piace vedi il numero di coloro che lo hanno fatto. Se è un tuo amico su FB vedi solo il nome.
    "Vuoi essere il primo..." si vede sempre quando nessun nostro amico su FB ci ha ancora cliccato.
    Spero di essere stato chiaro perché anche a me non è che torni proprio tutto ^_^.
    Ciao

    RispondiElimina
  33. Ciao Parsifal, ho un bel problema da porti. Ho provato in tutti i modi a mettere sul mio blog il tasto "mi piace" ma non ci riesco. Il problema credo che derivi dal fatto che su facebook la pagina che pubblicizza il blog è proprio "una pagina" di facebook e non quella di base, di conseguenza temo che il tasto si rifaccia sempre alla pagina personale e non quella creata appositamente per il blog.
    Per essere il + chiaro e completo possibile questa:
    http://www.facebook.com/?ref=logo#!/profile.php?id=100001013229575
    è la pagina del mio profilo a cui NON voglio collegare il tasto di facebook, mentre questa:
    http://www.facebook.com/?ref=logo#!/pages/Rome-Italy/Romano-Impero/114684175218558?ref=sgm&__a=7&ajaxpipe=1
    è la pagina a cui vorrei collegare il tasto "mi piace".
    Se mi puoi aiutare te ne sarei molto grato, ciao. :)

    RispondiElimina
  34. @Lucius
    Non può essere collegato il tasto Mi Piace a una pagina ma non è neppure collegato al tuo Profilo.
    E' collegato a tutti i Profili!
    Quando un navigatore ci clicca sopra, il post viene pubblicato sul suo Profilo.
    Se invece vuoi inserire un collegamento con la tua pagina fan al blog devi optare per il plugin Like Box come illustrato qui sotto
    http://www.ideepercomputeredinternet.com/2010/05/come-inserire-nel-blog-il-like-box-di.html
    Ciao

    RispondiElimina
  35. salve, ho aggiunto il tasto mi piace al mio blog.
    però ho riscontrato un problema.
    ora quando cliccko mi piace su un singolo post. nella mia bacheca di facebook appare la scritta "a .. piace.. ecc.. " però non sottoforma di link ke ti indirizza al blog.. ma solo come scritta ( cioè senza collegamento diretto)
    cosa ho sbagliato?
    ho copiato tale e quale il codice.. nn capisco

    RispondiElimina
  36. @Ridi che ti passa
    Non hai sbagliato niente, è così che funziona. Non ci sono link. Per questo ci sono altri plugin tipo il widget activity feed di cui puoi trovare l'articolo anche in questo blog

    RispondiElimina
  37. no forse mi sono espresso male
    perchè quando cliccko mi piace a post di altri blog/ siti come a questo articolo ad esempio..
    mi compare sulla bacheca
    "... piace Come inserire il plugin "Mi Piace" di Facebook nei blog su Blogger" IN CELESTINO.. E quando ci clicco con il mouse mi porta esattamente a questo articolo.
    Ma quando clicco mi piace a un post del mio blog. compare una scritta NERA.. ( che non si puo' clicckare)
    capito?
    non capisco cosa sbaglio

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

    RispondiElimina
  39. @Ridi che ti passa
    Ho provato a cliccare su Mi Piace del tuo blog e mi sembra tutto regolare. Hai solo messo una larghezza troppo lunga per il layout del tuo blog che nasconde parzialmente la scritta Pubblica. Cambia il valore 530 con 480 e poi prova a vedere se va meglio.
    Sul problema che hai illustrato non possiamo farci niente perché queste funzioni sono ancora in Beta e in alcuni blog non funzionano ancora in modo perfetto. Anche io ne ho uno che mi dà dei problemi.
    Ciao

    RispondiElimina
  40. @Ridi che ti passa
    La scritta nera compare anche sul mio blog se sono io a cliccare su Mi Piace. Vengo riconosciuto come il proprietario dell'account

    RispondiElimina
  41. Come non detto... ho risolto
    grazie dell'aiuto

    RispondiElimina
  42. parsifal, ho inserito il code al posto giusto ma non vedo.
    linko la stringa: http://img713.imageshack.us/img713/3447/immaginetj.png

    http://ilmondozero.blogspot.com è il mio blog...

    grazie...

    RispondiElimina
  43. Ciao, in questo post http://faccialibro.blogspot.com/2010/09/mostrare-piu-amici-nella-home-di.html come faccio a vedere chi ha cliccato su mi piace? non c'è nessun link
    Grazie anticipatamente!

    RispondiElimina
  44. @Redazione
    Se non ti funziona prova con quest'altro plugin
    http://www.ideepercomputeredinternet.com/2010/08/come-inserire-il-bottone-aggiornato-del.html


    @Dario86Ostia
    La tua è una domanda strana. Nel momento in cui ho guardato ho visto che ci sono 26 Mi Piace. I nomi vengono visti solo da chi è amico di almeno uno delle 26 persone che ci hanno cliccato. Su FB per la privacy è così. Anche in questo post ci sono persone che hanno cliccato su Mi Piace ma puoi vedere il nome solo di chi ti è amico su FB.

    RispondiElimina
  45. Ciao,

    ho un problema.
    Io non ho utilizzato il tuo codice (non mi funziona) ma quello fornito da facebook (http://developers.facebook.com/docs/reference/plugins/like) e il codice è il seguente:

    iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fstreetxez.blogspot.com%2F&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80' style='border:none; overflow:hidden; width:450px; height:80px;'/>

    ma quando clicco mi piace appare in ogni post non solo su quello selezionato. Consigli? Grazie

    RispondiElimina
  46. @Perduti
    Questa stringa che hai nel codice
    href=http%3A%2F%2Fstreetxez.blogspot.com%2F&
    significa che viene condivisa la tua homepage. Se vuoi condividere solo il post la devi sostituire con questa
    href=" + data:post.url + "&

    RispondiElimina
  47. Così è ancora peggio! Mi dice che a più di 80 mila persone piace questo elemento!

    RispondiElimina
  48. Ciao Parsifal,
    il mio sito è spreadthetrip.blogspot.com

    Ho inserito il pulsante "Mi Piace" di FB e una Share Bar per Social Network e vengono visualizzate correttamente alla fine di ogni post, solo dopo aver cliccato su READ MORE

    Sulla home page però si è creato parecchio spazio vuoto tra la voce READ MORE e la voce PUBBLICATO DA..

    Mi sapresti dire come posso fare per eliminarlo?

    Grazie mille in anticipo!!!

    RispondiElimina
  49. Buongirno.. ho inserito il pulsante mi piace di Fb nel mio blog... avevo scelto l'opzione in cui erano visibili alcni avatar e risultavano alcuni nomi e il numero totale degli iscritti.. ma il pulsante mi piace era un po' piccolo el canuni avevano difficoltà a trovarlo.. ho optato allora per l'altra soluzione.. è molto più grande, ma il conteggio, spuerato i mille, si blocca. si è ripristinato a duemila.. evidentemente conta solo le migliaia...
    allora li ho installati tutti e due.. quello più grande al'inizio del post e quello con gli avatar alla fine del post.. e sembra che funzioni all'unisono, scambiandosi le informazioni.. A questo punto, risulta che a tizo, caio, sempronio..e altri 2350 piace questo post.. se volessi rintracciar i profili degli atri 2350.. come faccio??? sui primi avatar mostrati basta cliccarci sopra per ripristinare il collegamento con fb.. ma per gli altri.. come li posso vedere?? grazie sempre per i preziosi consigli.

    RispondiElimina
  50. @Eva
    Non si possono conoscere i nomi di coloro che non sono nostri amici su FB. Ciascun visitatore vedrà i nomi di coloro che hanno cliccato in modo diverso a seconda delle amicizie su Facebook.
    Si tratta quindi di link soggettivi per tutelare la privacy.
    Non so se mi sono spiegato. Se guardo un tuo post, sul Mi Piace vedrò solo i nomi dei miei amici su FB ammesso che ci abbiano cliccato, altrimenti vedrò solo il numero.
    Ciao

    RispondiElimina
  51. grazie per la pronta risposta.. ma io so per certo che il 90% sono tutte mie amicizie.. ma visualizzo solo alcuni nomi e qualche avatar su oltre 2000.. come è possibile...? c'è qualche errore nel codice che ho inserito..? dove devo andare per vedere i miei amici che hanno cliccato sul mi piace?? grazie sempre.. :)

    RispondiElimina
  52. @Eva
    Per questioni di spazio forse FB non mette tutti i nomi ma solo alcuni. Metti il caso che siano 30, come farebbero a entrare tutti nella finestrella?

    RispondiElimina
  53. Ciao,
    ti ringrazio per l'articolo, l'ho inserito anche sul mio blog (rayaangelova.blogspot.com) e funziona. Però esce soltanto quando apro un determinato articolo, io invece volevo sapere se è possibile inserire il pulsante mi piace in modo da apparire sotto ogni articolo nella home page.
    Grazie

    RispondiElimina
  54. @Raya Angelova
    Certo che è possibile basta che tu elimini due righe dal codice esattamente la seconda, cioè quella che inizia con
    < b:if cond='data:blog.pageType
    e la penultima, vale a dire quella
    < /b:if >
    Ciao

    RispondiElimina
  55. Molte grazie, Parsifal. L'ho installato e funziona perfettamente. In una delle mie pagine statiche, "Riconoscimenti", ho inserito il link al tuo blog tra quelli nei quali ho trovato strumenti utili.
    Ancora grazie e buon anno!

    RispondiElimina
  56. @Rita Charbonnier
    Buon Anno anche a te e grazie per aver linkato il mio blog.
    A risentirci, ciao

    RispondiElimina
  57. dopo aver inserito questo plugin, mi sono scomparsii bottoni di condivisione del post presente nella "configurazione post sul blog" come mai?
    almeno il tasto di twitter mi sarebbe piaciuto conservarlo...

    RispondiElimina
  58. @Davide Morante
    Non dovrebbero scomparire. Prova a inserire il Mi Piace di FB in un altra riga tra quelle proposte nel post. Prova anche a reinserire i bottoni di Blogger per la condivisione
    http://www.ideepercomputeredinternet.com/2010/06/come-inserire-i-bottoni-di-condivisione.html
    http://www.ideepercomputeredinternet.com/2010/06/come-personalizzare-i-pulsanti.html

    RispondiElimina
  59. l'ho spostato ma senza grossi risultati.
    la cosa curiosa èè che i bottone di condivisione sono rimasti nel codice...

    RispondiElimina
  60. Non trovo le righe che hai citato qui...di post-footer ce ne sono soltanto nella parte con le parentesi graffe

    RispondiElimina
  61. dipenderà dal fatto che non riesco ad espandere i modelli widget...oggi non mi funziona né il quadratino nè il tasto anteprima...salva....che palle!

    RispondiElimina
  62. @andrea. Succede anche a me (non riuscire ad espandere i modelli widget). Avevo paura che mi fosse andato in tilt il modello e stavo per chiedere un aiuto, come al solito, ad Ernesto.

    P.S. Grazie Ernesto anche per il "modulo per contattarmi"!!!!

    RispondiElimina
  63. @Andrea
    @Stefano
    Oggi Blogger ha dei problemi con diversi account. Mi sono anche informato sul forum
    http://www.google.com/support/forum/p/blogger/thread?fid=246d1b75def61d7200049d0812b668f6&hl=it
    ma per il momento la cosa non è stata risolta

    RispondiElimina
  64. Grazie Parsi, questo tuo articolo mi ha permesso di migliorare molto la mia visibilità. Ora ho soltanto una cosa da chiederti....Quando clicco sul mi piace del singolo post, su facebook si crea in automatico un'anteprima sbagliata (l'icona di newsgator). Dato che ogni mio post comprende una foto, come faccio ad impostare un'altra anteprima?
    TI ringrazio per la disponibilità

    RispondiElimina
  65. @Andrea...
    Prova a escludere la homepage con queste modifiche
    http://www.ideepercomputeredinternet.com/2010/10/come-inserire-la-descrizione-del-blog.html
    Il risultato però non sempre è garantito.
    Ciao

    RispondiElimina
  66. e questo potrebbe influenzare sull'immagine dell'anteprima del singolo post? In pratica, se su facebook metto il link del singolo post, prende la giusta anteprima. Il problema si manifesta soltanto quando clicco sul "mi piace" del singolo post, poiché su facebook da un'anteprima errata...quando posta un nuovo post in automatico (su fb)

    RispondiElimina
  67. @Andrea...
    Ti ripeto quello che ho detto ad altri. Ci sono dei problemi tra FB e Blogger. Non sempre sono in sintonia. Quello che si può fare te l'ho spiegato nel commento precedente. Per l'anteprima, nel senso di miniatura, dipende anche da come si postano le immagini. E' preferibile caricare le foto su un hosting esterno e poi pubblicarle tramite URL.

    RispondiElimina
  68. ok lo ammetto, non ho capito cosa intendi per "escludere la homepage"...non ci so fare molto..

    RispondiElimina
  69. @Andrea
    L'espressione escludere la homepage è impropria. Si mettono dei tag condizionali in modo che se si apre un post, non vengono caricate le impostazioni della Home come la descrizione così da rendere più agevole l'acquisizione dei dati del post (testo e immagini). Non sempre però questo accade.

    RispondiElimina
  70. Parsifal ho inserito il "Consiglia" di Facebook all'inizio dei miei post (blogger) ed è tutto ok.
    Mi chiedevo come fare a mettere invece il pulsante come widgets separato, da inserire magari vicino ai "Lettori Fissi" sulla destra del blog. Ho provato inserendo il codice nel widget HTML/Javascript... ma non visualizzo nulla.

    RispondiElimina
  71. @Alberto Laurenti Può darsi che in futuro mi occupi anche di questo argomento

    RispondiElimina
  72. QUESTO L'HO MESSO....ADESSO VORREI METTERE QUEL RIQUADRATINO SU FACEBOOK CHE HAI TU. QUELLO CHE TU HAI IN ALTO A DESTRA DE TUO SITO. DIVENTA FAN SU FACEBOOK. COME SI FA A METTERLO? HAI GIA SCRITTO UN ARTICOLO DI TALE PROPOSITO?

    RispondiElimina
  73. @Rubel
    Hai fatto molte domande. Ti rispondo a tutte in questo commento. Per prima cosa ti ricordo che scrivere in stampatello sul web significa gridare. Non è una bella abitudine.
    1)Il Like Box si installa con questo tutorial
    http://www.ideepercomputeredinternet.com/2010/05/come-inserire-nel-blog-il-like-box-di.html
    invece dell'ID adesso si inserisce l'URL della pagina fan
    2)I modelli come questo non vengono più offerti e poi sono controproducenti con i dispositivi mobili. Puoi scegliere un template del Designer Modelli e allargarlo al massimo con l'apposito cursore
    3)Se non si hanno i privilegi di amministratore non si può modificare il modello e quindi non si può incollare il codice di Google Analytics
    4)Sono autodidatta per quello che riguarda l'informatica. Per avere una infarinatura basta leggere una delle tante guide, per esempio questa
    http://www.html.it/
    5)Si possono tradurre articoli da blog stranieri. E' meglio non usare pedissequamente il traduttore di Google e comunque ci vuole sempre il link di attribuzione
    6)Non ti consiglio di riprendere articoli da altri siti altrimenti Google ti penalizzerà. Lo puoi fare solo in casi eccezionali. Mettere il link di attribuzione significa dare la paternità al vero autore del lavoro che, se ha pubblicato con la licenza Creative Commons, non avrà nulla da ridire sulla ripubblicazione.

    RispondiElimina
  74. @Ernesto T.
    Ciao! prima di tutto a me non appare il mi piace sotto il read more ma solamente quando apro tutto il post e scorro fino alla fine (cosa che non va bene per il mio blog che concentro le informazioni necessarie e i link a inizio post) so che potrei mettero anche sotto il titolo, ma c'è un modo alternativo? ovvero metterlo sotto il read more.

    Poi solitamente se uno mette mi piace in un post sul mio blog, non dovrebbe apparire il mi piace anche sulla pagine fan di facebook?

    Infine come cambiare i colori del "Di' che ti piace questo elemento prima di tutti i tuoi amici." e del "a ... piace questo elemento"? perchè non si vedono bene nel mio blog!

    RispondiElimina
  75. L'ultimo punto sono riuscito a risolvero grazie a questo magnifico post: *.*
    http://www.ideepercomputeredinternet.com/2011/03/come-inserire-e-personalizzare-il-mi.html

    RispondiElimina
  76. @Corvo Michele Se intendi che si veda anche in homepage sotto il read more basta che elimini queste due righe
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    . . . . .
    </b:if>

    RispondiElimina
  77. Ciao Ernesto.
    Grazie mille per questo sito da cui prendo sempre spunto!!

    Volevo chiederti..
    Ho fatto tutto ciò che è neccessario e infatti l'opzione "mi piace" appare perfettamente.
    Il problema è che tra quello e ciò che c'è sotto c'è veramente troppo spazio bianco..
    Questo è il mio sito: http://refreshyourgossip.blogspot.com/

    Riesci a guardalo un attimo ??
    Ti ringrazio, a presto.

    RispondiElimina
  78. @Andrea
    La cosa dal punto di vista teorico è semplicissima. Basta inserire uno stile con un margine basso negativo. Ecco un esempio di codice

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='margin-bottom:-50px;'><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=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/></div>
    </b:if>

    dove puoi eliminare la prima e l'ultima riga se vuoi vedere il pulsante anche in homepage e al posto di -50px puoi inserire un altro valore. In sostanza devi fare delle prove per trovare lo spazio giusto

    RispondiElimina
  79. Grazie mille Ernesto. Gentilissimo davvero!

    RispondiElimina
  80. Ciao Ernesto,
    scusa ancora se scrivo qua..
    Mi era venuto in mente: è possibile inserire il tasto mi piace sotto i post, ma quel mi piace riferito alla pagina di facebook?
    Non so se m'intendo..

    Cioè io leggo un post e metto mi piace, però automaticamente quel mi piace è riferito alla pagina di facebook e non a post in questione.

    Scusa ancora e buona giornata.

    RispondiElimina
  81. @Andrea
    Il Mi Piace è per sua natura sempre riferito alla pagina il cui indirizzo è nel browser.

    RispondiElimina
  82. Ho visto che alcuni siti hanno questa funzione.. Quindi non capivo.
    Grazie cmq =)

    RispondiElimina
  83. @Andrea
    Adesso ho capito! Ti riferisci alla pagina fan! Non ci vuole niente. Domani o dopodomani ci faccio un post.

    RispondiElimina
  84. Sei un grande! Grazie mille =)

    Mi permetto di darti un consiglio:
    ho seguito tantissimi tuoi post e nelle modifiche nell'html sono sempre impazzito per ricercare determinate righe. Ho scoperto solo dopo settimane la funzione "cerca" cliccando semplicemente su F3 e inserendo la stringa ricercata. Magari sono solo io, ma credo che anche altri utenti saranno impazziti per queste ricerche davvero "difficili" dal punto di vista visivo. (scusa il gioco di parole).
    Grazie mille e buona serata =)

    RispondiElimina
  85. @Andrea
    guarda che lo ricordo molto spesso che si può trovare una stringa cercando con F3, questo con tutti i browser. Si può usare anche Ctrl+F (OS Windows)

    RispondiElimina
  86. Si era solo un consiglio, niente di più ovviamente. =)

    RispondiElimina
  87. ciao, non so dove incollare il primo codice che tu dici di dover incollarlo dove lo riteniamo opportuno.
    grazie

    RispondiElimina
  88. @Sairos
    C'era un commento cancellato dall'autore non da me.
    Oltre alla posizione che ritenete più opportuna c'è scritto anche che darò in seguito le indicazioni.
    Se lo vuoi mettere prima del testo del post incollalo prima della riga
    <data:post.body/>
    Se invece lo vuoi mettere alla fine del post mettilo prima della riga
    <div class='post-footer'>
    E' tutto spiegato nel dettaglio

    RispondiElimina
  89. grazie mille.
    scusa per l'inconveniente

    RispondiElimina
  90. Parsifal...sembra assurdo: fino l altro giorno avevo 1500 Mipiace, oggi il contatore segna 500! Dove sono finiti i 1000 voti accumulati in questi anni???

    Hai qualche idea in proposito?!

    RispondiElimina
  91. Volevo anche chiederti se hai una soluzione valida per impostare un'anteprima personalizzata per facebook quando si condivide un post per blogger.

    RispondiElimina
  92. @Auto ...
    Il bottone con contatore di Facebook che hai nel sito conta il numero delle condivisioni e non mi pare che porti a una pagina fan.
    Per l'anteprima, facebook fa da solo, è difficilissimo anche cambiare miniatura

    RispondiElimina
  93. Il bottone di cui parlo è quello statico in basso a SX, lo creai anni fa dalla pagina ufficiale di fb I LIKE. Che riguradi le condivisioni o il semplice MIPiace mi sembra di aver capito che adesso faccia poca differenza, ma il quesito resta Parsifal. Fino a pochi giorni fa contava 1500 preferenze, adesso 500!! Dove sono finiti quei voti?
    Non ho modificato nulla al codice.

    RispondiElimina
  94. A proposito della anteprima/miniatura (sono la stessa la cosa?!) se mi permetti avevo visto questo esempio in rete: http://marcorobutti.blogspot.com/2011/03/migliorare-lanteprima-dei-post.html
    Ovviamente ho provato a seguire le sue indicazione ma niente da fare, il codice non funge. La cosa strana però è che invece dal suo blog la, sua, anteprima funziona se condivido/mipiace. Ho provato a dare un'occhiata al suo HTML ma non ho trovato nulla, forse tu riusciresti a capirci qualcosa in più?
    Grazie della disp.
    Paolo

    RispondiElimina
  95. @Auto ...
    Sul contatore non ti so rispondere. Sulla miniatura visualizzata e su come modificarla ci sono un sacco di post sulla guida di blogger
    http://www.google.com/support/blogger/bin/search.py?query=+link+rel%3D%22image_src%22+&btnG=&ctx=en%3Asearchbox&forum=1
    nei quali si discute del tag
    link rel="image_src" href="thumbnail_image_URL" /
    In realtà è una soluzione che non funziona quasi con nessuno con Blogger mentre è funzionante con Wordpress
    http://www.theitechblog.com/1403/solution-to-facebook-like-button-thumbnail-problem/

    RispondiElimina
  96. Già infatti con WP funge.
    AH, oggi il contatore è tornato a mostrare 1500...
    Misteri...

    RispondiElimina
  97. uffffffffffff... io (nel mio blog) non trovo la striscia indicata da te, per mettere il MI PIACE sotto al post...
    Ilaria

    RispondiElimina
  98. @LilaRia
    Ci devono essere per forza se hai un blog su Blogger (almeno una delle tre). Se non le trovi significa che ti sei dimenticata di mettere la spunta a espandi modelli widget.

    RispondiElimina
  99. scusami! non avevo fatto "espandi"

    Però... non mi appare lo stesso. Boh, non so...

    RispondiElimina
  100. @LilaRia
    Per cercare una stringa clicca su F3 o su Ctrl+F quindi incolla quello che stati cercando. Vedrai che lo trovi in un attimo.
    In questo blog
    http://infondoagliocchi.blogspot.com/
    ho guardato il sorgente pagina e la riga
    <div class='post-footer'>
    c'è. Anche in quest'altro blog
    http://figliadiunadeaminore.blogspot.com/ ;)

    RispondiElimina
  101. GRAZIE per il "commento 18"!

    Ora, è tutto perfetto!

    Grazie 1000!!!

    RispondiElimina
  102. Ciao Ernesto,
    Se può interessarti credo di aver trovato il modo di scegliere un'anteprima per la miniatura di fb anche per blogger.
    Ho trovato la stringa di codice su una pagina degli sviluppatori di fb che sembra funzionare. Le prove che ho effettutato da me e miei conoscenti mi hanno dato conferma.

    la stringa è (sintetizzo per pubblicarla come commento):

    meta content='immagine.png' property='og:image'

    da inserire nell'head.

    RispondiElimina
  103. @Auto ...
    Grazie l'avevo provata anch'io e non mi aveva funzionato... riproverò forse è cambiato qualcosa :P

    RispondiElimina
  104. ciao
    sai dirmi come si può togliere il contatore vicino al "Mi piace"...?

    sto uscendo pazzo, non voglio che si veda ne il numero 1k, ne i nomi, deve essere semplice solo mi piace...(vedo alcuni siti che lo hanno)

    e se è possibile sostituire il "Mi piace" con una foto ad esempio la miniatura del sito o pagina..

    thanks

    RispondiElimina
  105. @Meine
    Qui ci sono tutte le possibili personalizzazioni
    http://www.ideepercomputeredinternet.com/2011/03/come-inserire-e-personalizzare-il-mi.html
    Per togliere il contatore puoi eventualmente modificare larghezza, se è di lato, o altezza se è in posizione verticale. Forse ti conviene leggere anche questo post
    http://www.ideepercomputeredinternet.com/2011/05/inserire-in-una-posizione-fissa-e.html

    RispondiElimina
  106. ok thanks

    sai per caso come inserire una frase di benvenuto nella pagina di FB..^ del tipo:

    Ciao (nome della persona fb) e poi ci metterei una frase del tipo Benvenuto nella mia home page...

    ecc...

    ne ho viste alcune, ma non capisco che codice usare tipo cosi:

    http://img338.imageshack.us/img338/5370/esfb.jpg

    RispondiElimina
  107. @Meine
    Dallo screenshot che hai postato non si capisce molto ;)
    Ci sono comunque un sacco di applicazioni per personalizzare la pagina di facebook. Si tratterà di una di quelle. Magari potrei fare un post sulle applicazioni per pagine FB più interessanti.

    RispondiElimina
  108. ok sarebbe bello se facessi una pagina per app...

    io smanetto molto su HTML/CSS e un pò di javascript

    cmq la pagina è questa qua:

    https://www.facebook.com/pages/FOTO-SHOCK-Cristiano-Ronaldo-%C3%A8-GAY-OO/142912559148912

    a me serve la prima parte dal "Ciao fino ad Istruzioni..."

    RispondiElimina
  109. @Meine
    Probabilmente è stata utilizzata iFrame tabs
    http://www.ideepercomputeredinternet.com/2011/05/static-html-iframe-tabs-per-creare.html
    Però non so quale sia lo script utilizzato per far comparire il nome dell'utente.

    RispondiElimina
  110. grazie!! sei stato davvero utilissimo! :)

    RispondiElimina
  111. ciao io nel mio blog (sairosmix) nonostante metto il codice di mi piace sopra la riga indicata non si vede nulla.
    Invece se metto quello di twitter si.
    Cosa devo fare?
    grazie

    RispondiElimina
    Risposte
    1. @Sairos
      Questo codice è vecchio, prova con quest'altro
      http://www.ideepercomputeredinternet.com/2011/12/come-installare-i-plugin-di-facebook.html

      Elimina
  112. ciao Ernesto ho un problema che solo tu puoi risovere... io ho 2 blog uguali uno è in italiano e l'altro in inglese, ho inserito in un gadget html, nelle barrab laterale, il codice relativo al pulsante "mi piace"

    sia il sito in italiano che quello in inglese hanno la stessa fan page condivisa a cui è collegato il pulsante, per il blog in italiano non ci sono problemi ma per quello inglese c'è un modo attraverso quello stesso codice di visualizzare "I like" al posto di "mi piace"?

    RispondiElimina
    Risposte
    1. @StefanoVinci
      Non so che codice hai utilizzato ma per localizzare il plugin in una data lingua basta cambiare una parte dell'URL. Lo script dei plugin di Facebook hanno questa parte di URL
      connect.facebook.net/it_IT/all.js#xfbml=1
      Per passare alla visualizzazione inglese basta sostituirla con questa
      connect.facebook.net/en_US/all.js#xfbml=1

      Elimina
  113. ciao,
    io ho 2 problemi.
    il primo è che quando un clicca mi piace deve confermare e ricliccare mi piace e così perdo molte condivisioni.
    il secondo e che il pulsante va solo in home page anche se io vorrei metterlo anche nei post.

    RispondiElimina
    Risposte
    1. @Sairos
      Il primo non è un problema perché funziona così con tutti. E' una scelta di Facebook. Quando si clicca la prima volta si apre una finestrella in cui digitare anche un commento con cui accompagnare il link di condivisione.
      Per mostrare il tag solo nei post devi inserire all'inizio e alla fine del codice quelli che vengono chiamati tag condizionali
      http://www.ideepercomputeredinternet.com/2012/06/i-tag-condizionali-e-i-domini.html

      Elimina
    2. grazie per l'informazione.
      Ma nel io intendevo che il pulsante è visibile solo in home paga mentre io lo vorrei far vedere sia che in home page sia nei post.
      Grazie!

      Elimina
    3. @sairos
      Allora devi togliere o tag condizionano che lo fanno vedere solo in home

      Elimina
  114. mi sono accorta di avere anche io (da quando blogspot è diventato.it) il "problema" di Sairos.
    Tra l'altro, mi chiedo: se la gente clicca MI PIACE dalla mia pagina fb, non dovrebbe IN AUTOMATICO aggiungersi un MI PIACE alla mia pagina del blog?
    E come mai (sempre da quando blogspot è diventato.it) a volte ti compare un certo numero di mi piace (es 12) e un'altra volta te ne appaiono 0 o 2?
    La mia sensazione è quella di perdere molti "mi piace"
    Grazie! Buona serata, Lila Ria

    RispondiElimina
    Risposte
    1. @LilaRia
      Nei domini gratuiti non tutti i visitatori vedono l'URL del blog nello stesso modo. Quelli che lo aprono dall'Italia lo vedono .it, quelli dalla Francia lo vedono .fr, ecc. Questo fatto probabilmente provoca una dispersione dei Mi Piace su differenti URL e ne consegue che questi non vengano sommati. Per ovviare a questo problema puoi fare il redirect all'URL canonico del tuo blog vale a dire al .com
      http://www.ideepercomputeredinternet.com/2012/03/domini-gratuiti-di-blogger-come-fare-il.html
      Può darsi che all'inizio possa perdere qualche Like ma in prospettiva la cosa dovrebbe migliorare.

      Elimina
    2. sembrerebbe ok! Grazie Ernesto per il tempismo ;-)

      Elimina
  115. Ciao Ernesto avrei una domanda, come si fa ad aggiungere un avatar nella chat CBOX del mio blog? Ti ringrazio e ovviamente per favore.
    Buona giornata Elise

    RispondiElimina
  116. a me il codice non sembra funzionare. forse perchè son passati tanti anni?
    sia che lo inserisca sopra o sotto il div class='post-footer'
    e pure sopra o sotto l'altro data:post.body/

    da che può dipendere?

    RispondiElimina
    Risposte
    1. @# Da allora ne è passata parecchia di acqua sotto i poti 😊
      Adesso bisogna prima creare una applicazione Facebook quindi inserire i metatag Facebook nel Tema di Blogger. Qui le istruzioni
      https://www.ideepercomputeredinternet.com/2016/03/facebook-app.html
      https://www.ideepercomputeredinternet.com/2016/03/facebook-metatag-open-graph-markup-blogger-template.html
      quindi per il codice del Mi Piace puoi usare questo

      <div class='fb-like' expr:href='data:post.Url' data-layout='button_count' data-action='like' data-size='large' data-show-faces='false' data-share='false'></div>

      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