lunes, 7 de noviembre de 2011

Colocar Boton de Me gusta y twitter a Blogger

Quizás estuviste por meses,semanas hasta por años búscando está respúesta,que E.A Te implementara en esta ocasión aprenderemos a poner los botones Me gusta de Facebook y el De Twittear de Twitter
.

nos dirigimos a Diseño | Edición de HTML y con los artilugios expandidos localizamos el siguiente código:

<div class='post-footer-line post-footer-line-3'/>
Justo debajo de él pegamos el siguiente código:

<a class='twitter-share-button' data-count='vertical' data-lang='es' expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=tucuenta&amp;related=turecomendacion&quot;'/><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=61&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:61px'/>

Y Listo ya tenemos agregado la opción de Que los Lectores puedan Compartir con sus amigos de Facebook y twittear con sus amigos de Twitter cualquier articulo importante,noticia y demás El codigo te aparecera debajo de cada entrada de tú blogger,pero si lo quieres como en la mayoria de las paginas debajo de las entradas en vez del codigo de búsqueda:

<div class='post-footer-line post-footer-line-3'/>
 Búscamos este:

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

Y otra cosa qué si Quieres Tener Solo El Botón de Facebook nada más descarta todo lo anterior y haz lo siguiente Debajo de:

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

Agregamos lo Siguiente:

<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>

Así Quedaría el botón:



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 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 con dark el botón será de un color más oscuro

No hay comentarios:

Publicar un comentario