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.

9 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

Posta un commento