Añadir EL Widget De Social Media De Botones Debajo de Tus Entradas

Los medios sociales crecen dia a dia y sirven para aumentar el trafico a tu blog, seria grandioso para nuestros visitantes  o seguidores compartir nuestro articulo facilmente en las redes sociales asi aumentar el trafico nuestro blog..

Hoy en este articulo te mostrare como anadir el widget para compartir en redes sociales con los botones Integrados de Google+, Facebook, Twitter y Stumbleupon  junto a un contador para cada entrada en blogger .Añadamos este  widget a tu blog.

1. Entre a la interface de Blogger ve a Plantilla > Edite Html
2. Antes de  Editar la Plantilla haga una copia de seguridad de tu plantilla
3. Da Click en Plantilla
4.Ahora busca el codigo de abajo presionando las teclas Ctrl + F

<data:post.body/>

5. Inmediatamente bajo este <data:post.body/> pegue el siguiente codigo.

<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left'>
<p style='margin:0; border-bottom:2px solid #333;'><font color='#333' face='Arial Black' size='5'>Amablemente Comparta Esta Entrada &#187;&#187;</font></p>
<table border='0' cellpadding='5' cellspacing='10'><tbody>
    <tr>
<td style='padding-top:8px;'>
<g:plusone size='tall'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</td>
      <td style='padding-top:8px; '>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>
      <td style='padding-top:8px;'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>
      <td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td>
      <td>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>
<div style='clear: both;'/> 

• Reemplace Amablemente Comparta Esta Entradacon cualquier texto que desee.
• Reemplace #333 para cambiar el color de la letra.
• Reemplace #333para cambiar el color del borde debajo del texto

Que disfruten y aumente el trafico a tu blog.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati