Mil Trucos Blogger

Agregar el botón ‘Me gusta’ de Facebook en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

20 Comentarios

  1. abril 5, 2011    

    Este comentario ha sido eliminado por un administrador del blog.

  2. mayo 4, 2011    

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

  3. mayo 5, 2011    

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

  4. junio 10, 2011    

    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

  5. junio 10, 2011    

    @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

  6. julio 12, 2011    

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

  7. julio 12, 2011    

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

  8. Anonymous Anonymous
    septiembre 13, 2011    

    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!

  9. septiembre 13, 2011    

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

  10. septiembre 13, 2011    

    Este comentario ha sido eliminado por el autor.

  11. Anonymous Anonymous
    septiembre 13, 2011    

    MUCHISIMAS GRACIAS!!!!

  12. septiembre 13, 2011    

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

  13. diciembre 2, 2011    

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

  14. diciembre 2, 2011    

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

  15. Alexy Sweet Alexy Sweet
    mayo 30, 2012    

    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 =(

    • mayo 31, 2012    

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

  16. octubre 2, 2012    

    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!!

    • octubre 2, 2012    

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

      Saludos :]

  17. junio 6, 2013    

    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 *




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo