Botones para compartir artículos en Twitter y Facebook

Cada día son más los bloggeros que utilizan redes sociales para difundir sus obras de manera rápida y eficaz. Entre muchas otras, Twitter y Facebook son dos de las más utilizadas e incluso nos ofrecen las herramientas Tweetmeme y Fbshare.me necesarias para este truco.

Ofrecer un botón que permita a nuestros lectores compartir cualquier artículo es algo bastante útil y que ahora puede hacerse siguiendo dos sencillos pasos.

Diseño>Edición de HTML>expandimos artilugios

Opción 1: Botones grandes a la derecha o izquierda del contenido del artículo.

Busca la línea <b:if cond='data:post.title'> y justo debajo añade este bloque de código:

<!-- blcompartirTwitterFacebook -->
<div style='padding: 0px; float: right;'>
<ul style='list-style:none; text-decoration:none;'><li>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></li>
<br/>
<li><script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/></li></ul>
</div>

El resultado será el mismo que el de la imagen. Para alinear los botones a la izquierda, reemplaza el atributo right por left.

Opción 2: Botones pequeños a la derecha o izquierda del título.

Busca la línea <b:if cond='data:post.title'> y justo debajo añade este bloque de código:

<!-- blcompartirTwitterFacebook -->
<div style='float: right; padding:0px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_style = &#39;compact&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
size: &#39;small&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</div>

Siguiendo el mismo procedimiento para alinear los botones a la izquierda, reemplaza el atributo right por left.

Guarda la plantilla para terminar.