lunes, 1 de agosto de 2011

Boton Compartir Facebook Twitter Google Plus +1 en Blogger

Boton de Share/Compartir Facebook, Twitter y Google +1 en las Entradas de Blogger

Si bien ahora Blogger permite poner botones para compartir contenido en las redes sociales, estos no son del todo amigables y parecer ser hechos para pasar desapercibidos, pero uds aun pueden poner los botones que vienen por defecto de Facebook, Twitter y Google Plus +1 de esta manera tendran algo mas llamativo para sus usuarios y tendran mas posibilidades de que su contenido sea compartido.

Para hacerlo solo sigan estos pasos::

Busquen este codigo:
</head>


Justo una linea antes Pongan:
 
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>


Luego busquen este codigo:

<data:post.body/>


Despues de el Pongan:

<!-- social share -->
<div style='padding:5px 5px 5px 0;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<!-- facebook -->
<fb:like expr:href="data:post.url" layout='button_count' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
<!-- facebook -->

<!-- Twitter -->
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="MITWITTER" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<!-- Twitter -->

<!-- G+ -->
<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone/>
<!-- G+ -->
</b:if>
</div>
<!-- social share -->


Lo unico que deberan cambiar el la cuenta de Twiiter (MiTwitter) por su cuenta de Twitter.

Y listo ya tienen los botones oficiales de Facebook Twitter y Google Plus +1 como los que pueden ver abajo.

Via: Boton Compartir Facebook Twitter Google Plus +1 en Blogger

1 comentario:

LinkWithin

Related Posts Plugin for WordPress, Blogger...