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
[…] 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 […]
[…] 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 […]
[…] páginas Web […]
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.