Cómo Poner el Botón "Me gusta" en Blogger



Una forma fácil de poner el pequeño botón de Facebook que dice "Me gusta" el cual lo vi en Pazos Blogger, normalmente suele ponerse al final de cada post el cual permite a los usuarios y visitantes de tu blog valorar los artículos que más les gusten.

Para agregarlo a tu blog de blogger, primero ve a Diseño > Edición de HTML > Expandimos los artilugios > y con la ayuda de (Ctrl + F) busca la siguiente línea de código:

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

Justo después pegamos 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>

Guardamos los cambios y listo, veremos al final que nos aparece el pequeño botón de Facebook "Me gusta".

Parámetros a tomar en consideración:

  • href – Con la URL a compartir.
  • layout – Estilo del botón. Valores: standard o button_count.
  • show_faces – Muestra o no el avatar de quienes del gusta la anotación. Valores: true o false.
  • width – Ancho del iframe.
  • action – Texto del botón. Valores like o recommend.
  • font – Fuente a utilizar.
  • colorscheme – Esquema de colores. Valores: light, dark o evil.
Estos  valores se pueden modificar en el código de arriba  directamente, ahora prueba como  quedara en tu blog.

0 comentarios:

Expresa tu opinión