Colocar botón "Me Gusta" de Facebook en Blogger para URL's dinámicas

Para quienes hasta ahora no consiguen colocar un botón "Me Gusta" en Blogger que muestre de manera dinámica el número de Likes en cada uno de sus post, independientemente de si se encuentran en la página principal o en un post individual, aquí los dejo con un bloque de código que solo tienes que pegarlo donde ustedes deseen (En la imagen inferior de ejemplo, se colocó un botón "Me Gusta" debajo del título de cada post).

boton me gusta dinamico

Para ello, deben ir a blogger.com, ingresar sus datos, luego ir a la pestaña "Diseño", luego a "Edición de HTML", luego marcar la casilla "Expandir plantillas de artilugios" y luego ubicar la línea de código:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
--pegar aquí--
<data:post.body/>
--o pegar aquí--

Donde dice "pegar aquí", deberán copiar y pegar el código siguiente:

<iframe style="border-bottom-style: none; border-right-style: none; width: 450px; border-top-style: none; height: 40px; border-left-style: none; overflow: hidden" frameborder="0" allowtransparency scrolling="no" expr:src="&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=40&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;"></iframe>

donde:

show_faces=false indica si se mostrarán o no algunos avatares de la gente que le ha dado al botón, si lo dejamos como está (con false) no se mostrarán, pero si modificamos la palabra false por true sí aparecerán.
width=450, es el ancho del widget.
height=40, es el alto del widget.
action=like, es el texto que aparecerá, con like dirá Me gusta, pero si cambiamos la palabra like por recommend dirá Recomendar.
font=tahoma, es el tipo de letra, por defecto está en tahoma pero se puede cambiar por arial, lucida+grande, segoe+ui, trebuchet+ms y verdana.
colorscheme=light, es el color del botón, con light tendrás el color típico del botón btn-like-facebook-light(usado para plantillas claras) , pero si cambias light por dark el botón será de un color más oscuro btn-like-facebook-dark (usado mayormente para plantillas oscuras o negras).

No hay comentarios:

Publicar un comentario en la entrada