Widget de redes sociales para tu blog

Las redes sociales son sin duda un elemento muy importante para atraer tráfico hacia tu blog o web y darlo a conocer de una manera gratuita, ante un público específico que posiblemente esté interesado en conocer lo que escribes.

Es por ello que es de suma importancia darse de alta en las redes sociales o al menos en las más importantes para tener presencia.

Una vez que ya tienes cuentas en las redes sociales de tu preferencia el siguiente paso es colocar un widget en tu blog donde aparezcan las diferentes formas de encontrarte en las redes. En esta ocasión quiero compartirte el código que tengo en este blog, sobre el widget que reúne las redes sociales más importantes:

<div id=»share-box-0″>

<div class=»fb-like-box»>
<iframe src=»http://www.facebook.com/plugins/like.php?href=URLDETUPAGINAFACEBOOK&layout=standard&show_faces=false&width=350&action=like&colorscheme=light» scrolling=»no» frameborder=»0″ allowtransparency=»true» style=»border:none; overflow:hidden; width:250px; height:40px»></iframe></div>

<div class=»gplusone»>
<div class=»g-plusone po-stub» data-size=»medium» data-count=»true» data-callback=»fire_multitrack» data-href=»URLDETUBLOG«></div> <span>Recomendar en Google</span>
</div>

<div class=»twitter-follow»>
<a href=»URLDETWITTER» class=»twitter-follow-button»>Follow @TUUSER</a>
</div>

<div style=»background: #E3EDF4;» id=»email-news-subscribe»>
<div class=»email-box»>
<form onsubmit=»window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=USERBLOGDEFEEDBURNER‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true» target=»popupwindow» method=»post» action=»http://feedburner.google.com/fb/a/mailverify?uri=USERBLOGDEFEEDBURNER«>
<input type=»text» onblur=»if(this.value==»)this.value=this.defaultValue;» onfocus=»if(this.value==this.defaultValue)this.value=»;» value=»Escribe tu email» name=»email» id=»email» style=»width: 140px; font-size: 12px;» class=»email» />
<input type=»hidden» name=»uri» value=»elgeeksv» />
<input type=»hidden» value=»es_US» name=»loc» />
<input type=»submit» value=»Suscribete» name=»commit» class=»subscribe» />
</form>
</div>
</div>
<div style=»background: #D8E6EB;» id=»other-social-bar»>

<ul class=»other-follow»>

<li class=»my-rss»>
<a target=»_blank» href=»URLDELFEEDDETUBLOG» title=»RSS» rel=»nofollow»>RSS Feed</a>
</li>

<li class=»my-gplus»>
<a target=»_blank» href=»URLDEGOOGLE+» title=»Google Plus» rel=»nofollow»>Google Plus</a>
</li>
</ul>
</div>
</div>

<!– Scripts –>
<script type=»text/javascript» src=»https://apis.google.com/js/plusone.js»>{lang: ‘en’}</script>
<script type=»text/javascript» src=»http://platform.twitter.com/widgets.js»></script>

<div class=’clear’></div>