Botones Seguir de facebook, twitter y google+

Las redes sociales son muy importantes para cualquier blogger, para compartir he interactuar con los lectores, en esta ocasión agregaremos 3 botones muy fundamentales para compartir nuestros perfiles en las redes sociales.

Dentro de ellos esta en botón seguir de facebook(este botón permite que otros usuarios se suscriban a tus actualizaciones publicas en facebook)  y los botones seguir de twitter y google+.  si quieren ver como queda visita este blogs de pruevas

Para agregar estos botones ve Diseño, a Añadir Gadget, HTML/Javascript y pega lo siguiente:

<style>
/* Botones redes Sociales */
ul#caja-redes{
width:275px;
padding:0;
margin:0;
list-style:none;
background:#f7f7f7;
border:1px solid #dcdcdc;
overflow:hidden;
}
ul#caja-redes strong,{
color:#848484;
font-size:12px;
}
ul#caja-redes li{
overflow:hidden;
}
li.cg-plus{
height:48px;
padding-bottom:4px;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
margin:0 -1px 0 -5px;
}
li.c-fb{
border-bottom:1px solid #dcdcdc;
padding:5px 3px 2px;
margin:4px;
}
li.c-tw,{
margin:4px;
padding:5px 3px 2px;
}
/* para mas info mdtutoriales.blogspot.com*/
</style>
<br />
<ul id="caja-redes">
<li class="c-fb"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2Fdnis.villeda&amp;send=false&amp;layout=standard&amp;width=260&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=42" style="border: none; height: 42px; overflow: hidden; width: 260px;"></iframe> </li>
<li class="c-tw"><a class="twitter-follow-button" data-dnt="true" data-lang="es" href="https://twitter.com/dniscriss">Seguir a @dniscriss</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </li>
<li class="cg-plus"><div class="g-plus" data-href="//plus.google.com/107424685125055103818" data-rel="publisher" data-width="286">
</div>
<!-- Inserta esta etiqueta después de la última etiqueta de insignia. --> <script type="text/javascript"> window.___gcfg = {lang: 'es'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </li>
</ul>

Color Rojo: Tu nombre de usuario de facebook,
Color Azul: Primero tu nombre de usuario de twitter y después el texto que apare sera en el botón
Color fuchsia: El id de tu cuenta de google plus, son los números que aparecen en la dirección cuando estas en tu perfil de google+.