Facebook Like Button para Blogger

Los Social Plugins son una nueva serie de herramientas que ha lanzado Facebook, estos varian entre botones y widgets que permiten saber que usuarios estan contectados a tu Web, Usuarios que tienen actividad con tu Web, los que comentaron, entre otras cosas.

Like Button

Permite compartir tu página web mediante el perfil del usuario con un solo click y los contabiliza.

Agregar Facebook Like Button a Blogger

Paso 1: Entras a la seccion Layout > Edit HTML de tu administrador en Blogger, luego das click en expandir Widgets.

 

Paso 2: Busca el tag <data:post.body/> y situate justo al despues de ese tag y pega el siguiente código:

<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:450px; height:40px;'></iframe>
</b:if>

Con este código el Facebook Like Button aparecera en cualquier post, si quieres que aparesca en cualquier página del Blog solo tienes que quitar los tags condicionales de Blogger (<b if…> … </b:if>), quedando el iframe solo.

Personalizar el Boton.

Podemos cambiar el tipo de boton si solo queremos mostrar el numero de “likes” que tubo.

layout = standard por layout = button_count

 

Cambiar boton “Like” por “Recommendaction = like por action = recommend

 

Cambiar el Tema del Boton

colorscheme = light por colorscheme = dark

 

Cambiar el tipo de fuente del Boton.

font=arial por:

font = lucida+grande
font = segoe+ui
font = tahoma
font = trebuchet+ms
font = verdana

 

También te puede interesar

4 Comments

  1. Eliminar registros con AJAX y jQuery | Craftyman Blog
    jun 20, 2010 @ 23:05:22

    [...] manera para no recargar toda la página web al momento de eliminar algún registro de nuestra base de datos, es realizándolo con Ajax, para [...]

  2. Crear páginas Web gratis con Stiqr | Craftyman Blog
    jun 22, 2010 @ 19:14:42

    [...] es un servicio Web muy bueno, pues brinda un servicio de creación de páginas Web sin necesidad de saber código HTML en lo más mínimo. Este servicio es gratuito y sencillo de [...]

  3. jConfirmAction : Plugin jQuery para cuadros de confirmación | Craftyman Blog
    jun 27, 2010 @ 22:18:30

    [...] páginas Web [...]

  4. Raja Vidya
    dic 04, 2011 @ 21:22:22

    En el editor HTML, di clic en el cuadrito de ampliar artilugíos. Aparecen dos etiquetas data:body. Hice la prueba, no funcionó, no me dejo guardar la plantilla y siguio usando la anterior.