« News per il login | Homepage | Nel cuore dei blogger »

14/06/2010

Come aggiungere il pulsante "iLike" di Facebook

Cari MyBlogger,

oggi continuiamo il discorso iniziato sui social network con un tutorial che spiega come integrare il tasto iLike di Facebook nei nostri post.

Come molti di voi sapranno, il tasto in questione non si occupa di postare il nostro contenuto su Facebook. Al contrario, genera sul nostro profilo Facebook un feed circa la nostra attività che avvisa gli altri utenti  - scusate la banalità - che quello specifico post apparso su MyBlog ci è piaciuto.

foto 1a.jpg
Come la foto seguente mostra, il tasto è perfettamente integrato nel blog e si posiziona appena sotto il titolo di ogni singolo articolo pubblicato. Inoltre, al suo fianco appare un contatore ci fornisce un dato immediato sul numero di utenti che hanno cliccato sul pulsante.
foto 1b.jpg
Vediamo adesso come procedere.
Per inserire il pulsante,  dal pannello di gestione del blog seguiamo “Presentazione>opzioni avanzate”. A questo punto dobbiamo rintracciare la seguente riga di codice:


          <h3 id="p1"><span>{$post.title}</span></h3>

 

foto 2.jpg
In tutte e 4 le seguenti voci:
- Modello della home-page;
- Modello della pagine di link permanente;
- Modello della pagina categoria;
- Template tags.
Ed inserire subito dopo il seguente codice:


  <!-- INIZIO FACEBOOK BOTTONE CONDIVIDI --> 
 <iframe src="http://www.facebook.com/plugins/like.php?
 href={$post.permalink}&layout=button_count&show_faces=
 false&width=450&action=like&font=lucida+grande&colorscheme=
 light&height=45" scrolling="no" frameborder="0" 
 style="border:none; overflow:hidden; width:450px; height:45px;" 
 allowTransparency="true"></iframe> 
 <!-- FINE FACEBOOK BOTTONE CONDIVIDI -->

 

La procedura, lo ripetiamo per maggior chiarezza, va eseguita per tutte e quattro le voci indicate e va salvata ogni volta.

Qui di seguito una foto per aiutarvi nel processo di modifica.

 

foto 3.jpg
Fatto questo, se tutto è andato per il verso giusto, troverete il pulsante iLike di Facebook  sui vostri blog :D

19:36 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (6) | Segnala | Tag: ilike, myblog, redazione myblog, facebook | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

Commenti

Proverò a metterlo nei miei blog

avatar utente All News - notizie dall'Italia e dal Mondo

Scritto il:14/06/2010

Rispondi a questo commento

Problema risolto,è stato sufficente eliminare il finale
dello script da copiare e incollare.
A Quando il pulsante "Stampa"?Grazie siete forti!

avatar utente belcuore1

Scritto il:17/06/2010

Rispondi a questo commento

Caro belcuore1,
continua a seguirci. A breve arriverà anche il tutorial per il tasto "stampa".

A presto

Redazione MyBlog.it
http://redazione.myblog.it

avatar utente myblog.it

Scritto il:17/06/2010

Rispondi a questo commento

Pulsante inserito e perfettamente funzionante
Grazie.

avatar utente Subacquea

Scritto il:20/07/2010

Rispondi a questo commento

VORREI SAPERE QUESTE INDICAZIONIM AVENDO SAFARI DA DOVE VANNO FATTE?
O SE BISOPGNA FARLE DA FACEBBOK?
SERGIO GRAZIE

avatar utente SERGIO

Scritto il:21/07/2010

Rispondi a questo commento

Ho crecato più volte ed anche variando di inserire il codice indicato. Puntroppo non compare nulla, anche eliminando i doppi spazi presenti.

Ho visto la foto ed i codici sono diversi e nell'immagine sono presenti spazi di cui non si parla nell'articolo.

Potreste aiutarmi?

Ciao !!!

avatar utente Dario

Scritto il:31/12/2010

Rispondi a questo commento

Scrivi un commento

NB: i commenti di questo blog sono moderati.