Inserire il tasto mi piace nei post su blogger


 Facebook è il mezzo ideale per la larga diffusione di notizie, link e video.
Anche una stupida nota in poche ore raggiunge un capo all'altro del pianeta raccogliendo magari centinaia, migliaia di acconsenti e condivisione.


Per valorizzare i nostri articoli possiamo rendere semplicissimo agli utenti condividere i nostri contenuti con gli amici aggiungendo il gadget "Mi piace(I like) di Facebook".

Il codice per inserire all'interno dei nostro blog, su piattaforma blogger, è il seguente:

<!--FACEBOOK MI PIACE INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>&lt;div align=&quot;right&quot;&gt;<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=300&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:300px; height:60px'/>&lt;/div&gt;
</b:if>

<!--FACEBOOK MI PIACE FINE-->

Le personalizzazioni più semplici da effettuare sono evidenziate in rosso ed in particolare sono la scelta dell'allineamento del tasto, se a destra "right", se a sinistra "left" o centrare "center".

I numero 300 e 60 indicano rispettivamente la larghezza e l'altezza del blocco. Impostiamoli a piacimento cercando magari di non scendere sotto i 60px come altezza altrimenti non verranno visualizzati i nomi degli amici che hanno cliccato su mi piace.

A questo punto vediamo come incorporarlo nel blog.

Convertiamo il codice in xml usando il tool online http://blogcrowds.com/resources/parse_html.php

Accediamo a blogger e andiamo in "Design -> Modifica HTML"

Salviamo una copia del templete, non si sa mai può sempre tornare utile!.

Cerchiamo all'interno del codice questi elementi

<data:post.body/>  Se vogliamo inserire a fine articolo e incolliamo il codice subito dopo.

<data:post.body/>div> Se vogliamo inserire ad inzio articolo ed incolliamo subito prima.

Clicchiamo su "Anteprima" e se il risultato è soddisfacente confermiamo cliccando su "Salva modello".

Il risultato credo sia ben visibile anche in questo articolo e mi raccomando se questo post ti è piaciuto o stato utile, condividilo con gli amici...
SHARE

Clo&demk

Siamo due semplici ragazzi Clo e Demk abitiamo in diverse città, ma il PC e gli interessi comuni ci legano. Ci piace la musica e i video musicali, navigare nel vasto mare d'informazioni d'internet alla ricerca di nuove mete diverse e lontane e non ci spaventano gli ostacoli...(Continua).

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

17 commenti:

  1. Grazie dell'aiuto, speriamo di farcela! :)

    RispondiElimina
  2. @Sally

    Ho notato che ce l'hai fatta...

    Complimenti =)

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

    RispondiElimina
  4. volevo dire che non trovo nell'html il codice a cui fai riferimento

    RispondiElimina
  5. @Granma

    prova a cercare post e dove porta post.body solamente...può essere che sia dentro un tag p a volte

    RispondiElimina
  6. Grazie per l'aiuto, pare che abbia funzionato! Se ti va puoi visitare il mio blog e possiamo anche scambiarci i link... A presto!
    papaveridizucchero.blogspot.com

    RispondiElimina
  7. uffa!!!!! Ma perchè io non visualizzo niente??????

    RispondiElimina
  8. Ma dove trovo in Design Modifica HTML?

    RispondiElimina
  9. Io e il pc siamo due cose differenti ma proprio non riesco a mettere questo bottone!!!! ci sto provando da due giorni ma con scarso risultato!!! non trovo la dicitura data:post:body!!!!

    RispondiElimina
  10. @ludovica

    passaci il template...scrivici nella sezioni contatti :)

    RispondiElimina
  11. Niente, non ci riesco. Ho cercato in tati siti, anche in lingua inglese, poi ho trovato questo che spiega il procedimento in maniera molto semplice...ma ancora non ce la faccio! Ho un blog su blogger con template realizzato da un altro sito, può essere per questo che non riesco ad aggiungere il tasto like?
    Grazie mille!!!

    RispondiElimina
  12. @Las Gas no, ma se ci invii il file del template ti possiamo aiutare magari...

    RispondiElimina
  13. Molto interessante il tuo articolo, ma non riesco a trovare la voce
    div> nel mio blog su blogger: http://lericettediannaeflavia.blogspot.com

    Forse è scritta in modo diverso?

    RispondiElimina
  14. @Anna Pernice

    Vedo che sei riuscita ad inserire il tasto... giusto?

    RispondiElimina
  15. Ciao potresti aiutarmi se ti invio il template? E come te lo invio? STO SCLERANDO :-D da quando ho insrito il box commenti è sparito il tasto mi piace, le ho provate tutte ma nulla grazie!!

    RispondiElimina
  16. @Nel paese delle mezze verità

    Tramite il box contatti puoi inviarmelo...
    Contattaci

    A presto ;)

    RispondiElimina

Senza di te questo blog si riduce a ben poco...
Per info guida commenti blogger