Facebook Like Button para Blogger

4
36

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

 

4 COMMENTS

  1. 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.

Comments are closed.