Bienvenido a bloggertrucos.com un espacio para el blogger moderno donde buscar soluciones a nuestros problemas de cada día.

Botones para compartir contenido en tus blogs

Todo buen articulo debe ser compartir en marcadores y redes sociales, pero es un poco difícil que, como lector de un blog, no podamos ver un botón donde podamos compartir rápidamente el articulo que estemos leyendo.

Los botones para marcadores y redes sociales son algo que no deben de faltar en un blog, y existe una forma fácil y rápida de agregarlo con simple conocimiento HTML y a través de plugins para usuarios de WordPress, pero no destruyamos nuestro blog de wordpress agregando plugins para cosas simples como esta, les recomiendo mejor hacerlo de forma manual, ya que las modificaciones básicas en un blog se hacen a traves de HTML y cambios en la hoja de estilo, css.

Como instalar los botones sociales
Les tratare de explicar paso a paso como instalar esta seria de botones en nuestro blogs, con una simple exploración de nuestro código de nuestro theme.

Para WordPress
Primero debes de ingresar a nuestro panel como administradores en nuestro blog en WordPress. OJO > Esta forma de hacerlo a para blogs de wordpress que usan hosting propio (software de wordpress.org).

Ahora nos vamos a la edición de nuestro theme y seleccionamos el archivo single.php, en la mayoría de los themes no cambia el nombre a pesar de los diseños.

Vamos a buscar el código:

<?php the_content(); ?>

Y agregamos el siguiente código antes o después, según nuestro gusto. El código fue tomado de addthis.com que incluye los botones a redes sociales básicas en primer plano y con opción a otros marcadores sociales. También he agregado adicionalmente el botón para compartir un articulo en bitacoras.com, una opción muy util.

<!– AddThis Button BEGIN –>
<div class=”addthis_toolbox addthis_default_style “>
<a class=”addthis_button_facebook_like” fb:like:layout=”button_count”></a>
<a class=”addthis_button_tweet”></a>
<a class=”addthis_button_pinterest_pinit”></a>
<a class=”addthis_counter addthis_pill_style”></a>
<a href=”http://bitacoras.com/anotaciones/<?php the_permalink() ?>”><img src=”http://bitacoras.com/votar/anotacion/boton/mini2/ <?php the_permalink() ?>” alt=”votar” title=”Votar esta anotación en Bitacoras.com” style=”vertical-align:middle;border:0″ /></a>
</div>
<script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ffc635e434b6a76″></script>
<!– AddThis Button END –>

Ahora ya tendremos instalado nuestro botón en WordPress.

Como instalarlo en Blogger 
Para instalar el botón de marcadores sociales en Blogger, solo debemos de pegar el siguiente boton en donde queremos que se muestre. El código ya esta modificado para usarlo en Blogger:

<!– AddThis Button BEGIN –>
<div class=”addthis_toolbox addthis_default_style “>
<a class=”addthis_button_facebook_like” fb:like:layout=”button_count”></a>
<a class=”addthis_button_tweet”></a>
<a class=”addthis_button_pinterest_pinit”></a>
<a class=”addthis_counter addthis_pill_style”></a>
<a expr:href=’&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url’><img expr:src=’&quot;http://widgets.bitacoras.com/votar/mini/&quot; + data:post.url’ alt=’votar’ title=’Votar esta anotación en Bitacoras.com’ style=’vertical-align:middle;border:0′ /></a>
</div>
<script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ffc635e434b6a76″></script>
<!– AddThis Button END –>

Prueba y cuentamos tu experiencia!

Show Comments

4 Comments

  1. aintervalos Nov 13, 2012
  2. Osman Leiva Nov 18, 2012
  3. Lille Skvat Mar 16, 2013
  4. Ignacio Garnica Mar 22, 2014

Leave a Reply