martedì 25 maggio 2010

facebook, il pulsante mi piace su blogger



Facebook mette a disposizione di tutti la possibilità di inserire nei propri blog o siti il tastino "mi piace", questo offre una grande occasione di visibilità e l'implementazione è molto semplice.
Anche sulla piattaforma blogger è possibile implementare questo add-on.

Dovete modificare l'html del vostro template.
Individuate questo codice :

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>

Per trovare il codice soprariportato dovete espandere i modelli widget!


e subito sotto incollate questo frammento di codice :


<div class='facebook-button'>
<iframe expr:src='&quot;http://www.facebook.com/widgets/like.php?href=&quot; + data:post.url + &quot;&quot;' frameborder='0' scrolling='no' style='border:none; width:450px; height:80px;'/>
<div style='clear: both;'/>
</div>


la pagina di riferimento di facebook: http://developers.facebook.com/docs/reference/plugins/like

Il risultato lo potete vedere qui sotto.

14 commenti:

Foto Digital Center ha detto...

Funziona, complimenti

eganz ha detto...

Bravissimo ! Ma io volevo anche il condividi... ;-)

Ilaria ha detto...

questo che usi tu è light, per il dark? mi spiego meglio, per i blog su fondo scuro? grazie :)

Pirandelliano ha detto...

@Ilaria hai ragione, non ho provato a creare il tasto per entrambe le versioni, posso presupporre però che aggiungendo la variabilie "colorscheme" dovrebbe funzionare, i due parametri possibili sono "dark" o "light":

<div class='facebook-button'>
<iframe expr:src='"http://www.facebook.com/widgets/like.php?href=" + data:post.url + ""' frameborder='0' scrolling='no' style='border:none; width:450px; height:80px; colorscheme=dark '/>
<div style='clear: both;'/>
</div>

Pirandelliano ha detto...

@eganz Mi sembra che nel gadget messi a disposizione da blogger ci sian anche quello che consente di condividere i contenuti su facebook. ad ogni modo puoi usare questo codice per creare il pulsante di condivisione:

<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>

GrayFox ha detto...

io ho un problema facendo questa cosa: eseguo tutto alla lettera, ma quando vado a provare il pulsante che inizialmente sembra funzionare avvengono due errori

il primo è che facendo "mi piace" su un post, automaticamente lo fa su tutti

il secondo è che praticamente dice che gli serve un URL di riferimento per il widget o l'api, quindi inizialmente fa "mi piace" ma immediatamente dopo lo toglie e mette "error" in rosso di lato a destra

Antonio Ragone ha detto...

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.

jey ha detto...

ciao, io ho tentato, credo di essere l'unica mentecatta che non ci è riuscita!!
il fatto è che,pur espandendo i modelli widget, non trovo la stringa che indichi tu nel mio codice!!! help!

Cristina Surdu ha detto...

Ciao. Io sono riuscita,grazie mille.Ma potresti spiegarmi come faccio a mettere comment del facebbok sotto ogni post che pubblico sul mio blog? Grazie ancora

Davide Scardullo ha detto...

quando faccio get code,(step 1) quale dei tre codici devo prendre?

Cristian ha detto...

funziona, ed è un tutorial molto semplice, io non sono un programmatore e ci sono riuscito, per quindi XD ecco il risultato

http://tgwebesegnalitrading.blogspot.com

ciao e grazie

ELISA MONTI ha detto...

la tua spiegazione è semplice e ho trovato quasi subito la stringa... ho incollato e salvato ma niente! ;(
vedere per credere
http://assaggidalmondo.blogspot.it/

lericettediceleste ha detto...

Ciao! superato un po' di scetticismo dovuto al fatto che è la prima volta che mi approccio col linguaggio html, ho provato ed ho ottenuto un ottimo risultato. Grazie mille!!!

Gabriele Giampaolo ha detto...

Ma non si puo mettere il tasto mi piace in tutti i post pero che il mi piace vada a una pagina su fb?

Posta un commento