jueves, 22 de agosto de 2013

Agregar el botón 'Me gusta' de Facebook en Blogger

Uno de los widgets  más pedidos es el botón 'Me gusta' de Facebook y con toda razon ya que con el boton se mide la popularidad de nuestros post  entre nuestros lectoresEl botón es muy facil de agregar y puede ponerse casi en cualquier parte y se ve de la siguiente manera:


Para colocarlo en tu blog entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios, y ahora, si quieres que el botón aparezca debajo de las entradas busca esta línea:
<div class='post-footer-line post-footer-line-1'>
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 bien, si quieres que quede arriba de las entradas entonces agrega el código anterior debajo de:
<div class='post-header-line-1'/>
Con ese simple paso ya tendremos el botón de me gusta en el blog. Si deseas que el botón se muestre sólo en las entradas entonces el código que deberás pegar es este:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'/>
</b:if>
En cualquiera de los dos casos el botón tiene algunas configuraciones para poderlo personalizar ligeramente.
show_faces=false indica si se mostrarán o no algunos avatares de quienes le gusta el contenido, con false no se mostrarán, con true sí lo hará.
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, con recommend diráRecomendar.
font=tahoma, es el tipo de letra, por defecto está en tahoma pero se puede cambiar porarial, 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  con dark el botón será de un color más oscuro  

SuitsTheme

Excepteur occaecat cupidatat proident, sunt in culpa officia deserunt mollit arnim laborum. Nemo enim ipsam voluptatem quia voluptas aspernatur odit, sed quia consequuntur ratione voluptatem sequi nesciunt.

No hay comentarios :

Publicar un comentario