Dopo aver illustrato il plugin per inserire il Mi Piace in tutti i post eccomi a presentarne una nuova versione che si presta a ulteriori personalizzazioni. Il sistema si basa sempre sulla creazione di un iFrame da inserire alla fine del post operando sul modello di Blogger.
In questo caso si possono scegliere tra due tipi di pulsanti, Mi piace o Consiglia, e si può anche scegliere la famiglia di font più adatta al nostro blog. Ecco il codice
<!--PULSANTI FACEBOOK INIZIO-->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:40px;'/>
</b:if>
<!--PULSANTI FACEBOOK FINE-->
Le personalizzazioni sono evidenziate di rosso e riguardano
- Se si sostituisce action=like con action=recommend al posto del pulsante Mi Piace si vedrà il pulsante Consiglia. Vedi la Demo
- Al posto di colorscheme=light si possono inserire colorscheme=dark o colorscheme=evil. Provate per vedere l'effetto più adatto al vostro blog
- La famiglia di caratteri può essere mutata in un altra. Invece di font=arial possiamo scegliere font=lucida+grande, font=segoe+ui, font=tahoma, font=trebuchet+ms oppure font=verdana
- La larghezza e l'altezza del pixel possono essere variate a piacimento
La differenza tra like e recommend si può apprezzare nei seguenti screenshot
Queste immagini le ho prese da Blogger Plugins in cui, come vedete è presente anche il numero di coloro che hanno apprezzato il post; cosa che per il momento non accade ancora nei blog italiani su Blogger. Mistero misteriosissimo!!! Al momento credo che l'ipotesi più accreditata è che non sia stata ancora completata l'opera di localizzazione del plugin, visto che nel blog succitato qualche ora fa il numero non veniva ancora mostrato cosa che adesso invece accade. Può essere che nelle prossime ore o nei prossimi giorni lo vedremo apparire anche da noi…
Per l'installazione del plugin si va su Layout > Modifica HTML e si cerca la riga
<data:post.body/>
Il codice si incolla subito sopra e si salva il modello. Si possono scegliere anche posizioni alternative come illustrato in questo post.
Salve. Ho seguito le istruzioni e in due minuti ho fatto. Grazie mille!
RispondiEliminaPeccato che l'opzione "mi piace" non si veda in home page, perchè la maggior parte delle persone legge gli articoli da lì e non aprendoli...
Per il momento non si vede in homepage. Ho provato a mostrarla anche lì ma è un problema nativo dello script.
RispondiEliminaComunque non è vero che le persone arrivano sul blog dalla homepage, tutt'altro.
Ciao
Ti ringrazio! Stavo provando a mettere la scritta "continua a leggere" per ovviare al problema seguendo le tue istruzioni
RispondiEliminahttp://parsifal32.blogspot.com/2008_09_01_archive.html
ma non ci sono riuscita perchè il mio modello non ha il secondo gruppo di righe di codice di cui parli...
Eliminando le due righe che scrivo qui sotto a me compare il pulsante in homepage,sicuramente ci avevate gia pensato ma magari puo essere d'aiuto
RispondiEliminaciao
luca
mmhhh...non so perche' ma il codice inserito non mi appare nel commento
RispondiEliminacomunque intendevo la riga immediatamente dopo l'inizio del codice e quella immediatamente prima della fine
:-)
@Luca ripartiti
RispondiEliminaNon si può inserire codice nei commenti è per questo che non si vedono.
Comunque la condizione b:if serve proprio per mostrare il pulsante solo nei post. Una spiegazione più esauriente la puoi avere in questo post
http://www.ideepercomputeredinternet.com/2010/08/come-inserire-il-bottone-aggiornato-del.html
in cui c'è una nuova versione aggiornata.
Ciao
weee parsifal se vuoi visita il mio blog
RispondiEliminaXfred, l'ho fatto! Me lo avevi già detto, hai appena iniziato ma stai facendo un buon lavoro
RispondiElimina@parsifal32
RispondiEliminanon trovo la riga sotto o sopra cui devo incollare il codice!
@Corvo Michele
RispondiEliminaQuella riga sta in tutti i modelli. Fai la ricerca con F3 e tralascia un paio di caratteri per agevolare la ricerca
Grazie per le istruzioni per il "mi piace" di facebook su blogspot. Va bene.
RispondiEliminaHo visto però che Wordpress utilizza il "mi piace" autonomo e interno a wordpress, senza il collegamento facebook.
C'è n'è uno simile per blogspot? Grazie.
@Antonio Ragone Non c'è e non credo mai ci sarà visto i rapporti non proprio idilliaci tra FB e Google
RispondiEliminaSalve,
RispondiEliminacome posso fare per mantenere il bottone like e aggiungere anche raccomanded?
@Ipnosi Strategica
RispondiEliminaI due bottoni Mi Piace e Consiglia sono in genere alternativi però possono essere inseriti per esempio in zone diverse, prima del post il primo e alla fine del post il secondo.
Si possono mettere anche i due pulsanti attaccati ma solo se non si usa la versione standard
http://www.ideepercomputeredinternet.com/2011/03/come-inserire-e-personalizzare-il-mi.html
Un ipotesi di codice potrebbe essere questa
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=box_count&show- faces=true&width=55&height=65&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px'/>
</div>
<div style='display:inline; padding:5px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=box_count&show- faces=true&width=55&height=65&action=recommend&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px'/>
</div>
</b:if>
</b:if>
Questo commento è stato eliminato dall'autore.
RispondiEliminarinnovo i complimenti e ti chiedo,
RispondiEliminase volessi che una volta premuto il bottone consiglia, uscisse il form per il commento di colui che vuole condividere, come succede spesso in molti siti, come bisogna muoversi?
grazie!
@ Silvia Masaracchio
RispondiEliminaE' una cosa che fa impazzire un sacco di blogger. Ho due amiche che lamentano lo stesso problema. Ho anche appena risposto a un commento sullo stesso tema
http://www.ideepercomputeredinternet.com/2009/11/come-inserire-gli-annunci-di-adsense-in.html?showComment=1320763481525#c4219994223207291808
Il fatto è che su Facebook hanno recentemente cambiato qualcosa che sta provocando questo pasticcio. Speriamo che risolvano loro perché con i nostri strumenti siamo limitati e non si può intervenire.