20/2/12

Agregar el botón 'me gusta' de Facebook en las entradas

Uno de los widgets más usados o pedidos por las personas es el botón 'me gusta' de Facebook en las entradas. Aunque esta información ya se encuentra en todas partes, no hace daño tenerla en Ayuda B.


El botón es muy sencillo y puede aparecer tanto arriba de las entradas como debajo de ellas, se verá más o menos así:
Para colocarlo en tu blog, tienes que entrar a Diseño > Edición de HTML y expande los artilugios y si quieres que el botón aparezca debajo de las entradas busca la siguiente línea:

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

Ahora, debajo de ella agrega esto:

<iframe allowTransparency='true' 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;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>

O si quieres que quede arriba de las entradas, agrega el código anterior debajo de:

<div class='post-header-line-1'/>

Si deseas personalizar el botón a tu gusto, simplemente cambia algo de lo siguiente:

show_faces=false - Indica si se mostrarán las fotos de perfil de las personas que les gustó tu entrada. Con false no se mostrarán y con true sí.
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 y con 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 y con dark el color del botón será más oscuro.

No hay comentarios:

Publicar un comentario