Botones Sociales con contadores

En esta entrada les presento una buena opción para implementar los botones para compartir el contenido de nuestro blog.

Para añadirlo a nuestra plantilla blogger seguimos los pasos siguientes.

1. Nos dirigimos a Diseño/Edición de Html o en Plantilla/Editar Plantilla en la nueva interfaz de Blogger.
2. Expandimos los artilugios.
3. Buscamos la sección con el contenido

<div class='post-header'>

Y justo debajo agregamos las lineas siguientes

<table class='SocialButtons'>
    <tr>
        <td>
            <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:75px; height:61px'/>
        </td>
        <td>
            <a class='twitter-share-button' data-count='vertical' data-lang='es' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
            <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
        </td>
        <td>
            <g:plusone expr:href='data:post.url' size='tall'/>
        </td>
        <td>
            <a class='google-buzz-button' data-button-style='normal-count' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
            <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
        </td>
    </tr>
</table>

4. Le aplicamos un poquito de estilo a la tabla de botones buscando la linea

]]></b:skin>

Y agregando 

.post-share-buttons { }   
.post-header table.SocialButtons{ width: auto; float:right; /*Para alinear los botones a la derecha debajo del titulo*/}    
.post-header table.SocialButtons td{ vertical-align:bottom; /*Alineación vertical de los botones*/ }

Guardamos los cambios en la plantilla y probamos el resultado.