Uno de los widgets  más pedidos es el botón ‘Me gusta’ de Facebook y con toda razón ya que con el botón se mide la popularidad de nuestros post entre nuestros lectores. El botón es muy fácil de agregar y puede ponerse casi en cualquier parte y se ve de la siguiente manera:

Para colocarlo en tu blog entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios, y ahora, si quieres que el botón aparezca debajo de las entradas busca esta línea:

<div class='post-footer-line post-footer-line-1'>

Debajo de ella agrega esto:

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=40&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>

O bien, si quieres que quede arriba de las entradas entonces agrega el código anterior debajo de:

<div class='post-header-line-1'/>

Con ese simple paso ya tendremos el botón de me gusta en el blog. Si deseas que el botón se muestre sólo en las entradas entonces el código que deberás pegar es este:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=40&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>
</b:if>

En cualquiera de los dos casos el botón tiene algunas configuraciones para poderlo personalizar ligeramente.
show_faces=false indica si se mostrarán o no algunos avatares de quienes le gusta el contenido, con false no se mostrarán, con true sí lo hará.
width=450, es el ancho del widget.
height=40, es el alto del widget.
action=like, es el texto que aparecerá, con like dirá Me gusta, con recommend dirá Recomendar.
font=tahoma, es el tipo de letra, por defecto está en tahoma pero se puede cambiar por arial, lucida+grande, segoe+ui, trebuchet+ms y verdana.
colorscheme=light, es el color del botón, con light tendrás el color típico del botón con dark el botón será de un color más oscuro


20 commentarios

Wixus · abril 5, 2011 a las 10:16 pm

Este comentario ha sido eliminado por un administrador del blog.

Enrique · mayo 4, 2011 a las 11:46 pm

Muchas gracias por esta ayuda, lo voy a probar.
saludos
Enrique

Juvinao · mayo 5, 2011 a las 12:20 am

@Enrique Gracias a ti por visitar el blog y comentar y para eso estamos para ayudar 😉

AGATONEGO · junio 10, 2011 a las 12:44 am

COMO PUEDO PONER LA IMAGEN DEL FACE PARA QUE PUEDAN SEGUIR MI BLOG CON SU CUENTA DE FACE? ES ESTE PLUGIN? TE AGRADECERIA ME INFORMARAS

Juvinao · junio 10, 2011 a las 12:53 am

@AGATONEGO No el plugin que pides se llama Like Box,sigue los pasos que te indico en la siguiente entrada con esto conseguiras añadir este elemento a tu blog.

http://miltrucosblogger.blogspot.com/2011/04/like-box-de-facebook-en-espanol.html

De_bbyg · julio 12, 2011 a las 1:21 pm

Hey te pasaste estuve todo la tarde buscando un buen tipp genial! me quedo muy bien !! saluditosss I like! saluditos Debby

Juvinao · julio 12, 2011 a las 3:27 pm

@De_bbyg este boton es muy util para difundir nuestras entradas en Facebook,gracias por comentar Saludos :X

Anonymous · septiembre 13, 2011 a las 1:38 pm

Hola!

Me gustaria saber como puedo usar este sistema pero en la página principal, junto a cada entrada.

Aprovecho para felicitarte y darte las gracias por el estupendo trabajo que realizas!

Juvinao · septiembre 13, 2011 a las 1:47 pm

Anónimo utiliza el primer codigo que es el que se usa para que aparezca en la pagina principal..

Bataclán · septiembre 13, 2011 a las 1:54 pm

Este comentario ha sido eliminado por el autor.

Anonymous · septiembre 13, 2011 a las 1:54 pm

MUCHISIMAS GRACIAS!!!!

Juvinao · septiembre 13, 2011 a las 1:59 pm

Anónimo ok amigo de nada gracias por comentar..

Cornucopio · diciembre 2, 2011 a las 6:57 am

Me aparecen demaciados codigos y no encuentro los que decis que busquemos.

Juvinao · diciembre 2, 2011 a las 12:33 pm

Cornucopio estos codigos son basicos en todas las plantillas,buscalos bien.

Alexy Sweet · mayo 30, 2012 a las 11:38 pm

Hola! una preguntota, por que a mi solo me aparece si elimino: y el me gusta lo pone a toda la pagina, no a cada entrada =(

    Juvinao · mayo 31, 2012 a las 12:38 am

    Si quieres que el boton solo se muestre en las entradas agrega el segundo codigo en vez del primero.

Johanny Rodriguez · octubre 2, 2012 a las 3:10 am

Es sorprendente ver a personas que utilizan gran parte de su tiempo para compartir y ayudar a otros sin esperar nada a cambio. Un trabajo como este conlleva un gran esfuerzo y mucha energia. Solo me resta darte las mas sinceras gracias y desearte un camino lleno de exitos, plenitud y satisfacciones. Dios te bendiga!!

    Juvinao · octubre 2, 2012 a las 3:03 pm

    Gracias Johanny por tu hermoso comentario, me hicistes poner sentimental :crying::crying:

    Saludos :]

Silvia viajayveras · junio 6, 2013 a las 7:28 pm

Genial. Quedó estupendo en mi Blog.
Muchas gracias y un saludo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *