El botón «Me gusta» de Facebook para tu blog 


  • Home
  • /
  • Blog
  • /
  • El botón «Me gusta» de Facebook para tu blog

Existen muchos plugins con los que puedes agregar botones sociales a tu blog, si eres un poco curioso y te tienes experiencia con código HTML o PHP puedes agregar unas pocas líneas de código y tendrás listo el botón compartir de facebook en tu blog sin necesidad de instalar ningún plugin. 

More...

Botón "Me gusta" para tu blog en WordPress

El primer paso será abrir el editor de WordPress y luego insertar el siguiente  código en el lugar del blog que desees que aparezca el botón:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; line-height:20px; margin:5px 15px 0 0; width:100px; height:20px"></iframe>

Botón "Me gusta" para tu blog en Blogger

Para agregar esta opción en un blog de blogger o blogspot, simplemente sigue los pasos a continuación:

  1. Ir al código de la plantilla y expandir...
    Home > Diseño > Edición de HTML > Expandir plantillas
  2. Si deseas agregar el botón al pie de cada entrada, entonces, se busca el código:

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

Y justo debajo agregamos el siguiente código:

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

El resultado es un botón como el que tenemos debajo del titulo de cada post, Fácil no? por qué no lo pruebas?


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>
Success message!
Warning message!
Error message!