Tutorial: Widget con botones de Redes Sociales

Por Makita desde Chile

Con este widget puedes tener a los lectores de tu blog siguiéndote en todas tus redes sociales, de esta manera estarán más al pendiente de todas tus actualizaciones o sea lo que sea que quieras compartir día a día con ellos.
Para hacerlo solamente debes añadir un nuevo widget a tu Blog (añadir elemento HTML/JavaScript), una vez allí puedes agregar el código de los botones de Redes Sociales que más te agraden.

Hace un tiempo se publicó una entrada que trae unos packs de imágenes (ver aquí), hoy les traigo algunas más ;).

Recuerden que por cada código deben cambiar lo que está en rosa por sus datos y si es que no tienen alguna de las redes sociales que vienen en el pack, solamente deben eliminar esa parte del código.

Opción 1: Sencillo

<a href='URL TWITTER' target='_blank'><img alt='twitter' src="http://2.bp.blogspot.com/-HoByHzmab00/T-WiFnncFXI/AAAAAAAAAuM/eIStHRliy7Y/s000/twitter.png" title='twitter'/></a>
<a href='URL FACEBOOK' target='_blank'><img alt='facebook' src="http://4.bp.blogspot.com/-KGUfFpIGxDo/T-WiF2abbMI/AAAAAAAAAuU/YUHVZnWeTAQ/s000/facebook.png" title='facebook'/></a>
<a href='URL GOOGLE+' target='_blank'><img alt='google plus' src="http://4.bp.blogspot.com/-FbyQUvCfcsc/T-WiGWwdzZI/AAAAAAAAAuc/23NBI95QlmY/s000/gplus.png" title='google plus'/></a>
<a href='URL LINKEDIN' target='_blank'><img alt='linkedin' src="http://3.bp.blogspot.com/-HPHUoa0ufsw/T-WiGqwz3YI/AAAAAAAAAuk/MEYc0chl5zs/s000/linkedin.png" title='linkedin'/></a>
<a href='URL FEED' target='_blank'><img alt='rss feed' src="http://1.bp.blogspot.com/-XhdD0H31FD8/T-WiG94fnSI/AAAAAAAAAus/xONbO2kYOwQ/s000/rss.png" title='rss feed'/></a><a href='mailto:TU EMAIL' target='_blank'><img alt='email' src="http://1.bp.blogspot.com/-HwXMnE9_va8/T-WiHCbd7-I/AAAAAAAAAu0/V_Ro6ajCBl8/s000/email.png" title='email'/></a>
Opción 2: Elegante<table><tbody><tr>  <td>
<a href="URL DE TU BLOG/feeds/posts/default" rel="nofollow" target="_blank"><img src="http://3.bp.blogspot.com/_dZM2bJJMfBs/TQzz5cEhgMI/AAAAAAAABDs/CEmvLcqrFgU/s000/rss.png" border="0" /></a></td>  <td>
<a href="URL DE TU TWITTER" rel="nofollow" style="margin-left: " target="_blank"><img src="http://2.bp.blogspot.com/_dZM2bJJMfBs/TQzz5vLD8TI/AAAAAAAABDw/_gbjAghfC6E/s000/twitter.png" border="0" /></a></td>  <td>
<a href="URL DE TU FACEBOOK" rel="nofollow" style="margin-left: " target="_blank"><img class="sinborde" src="http://1.bp.blogspot.com/_dZM2bJJMfBs/TQzz5w1INSI/AAAAAAAABD0/Xnq-RgofXQQ/s000/facebook.png" border="0" /></a></td>  </tr></tbody></table>
<div class="mbtbar">
<div class="emailsub">
<div class="emailupdatesform">
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NOMBRE FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow">
<input onblur="if (this.value == &#39;&#39;) {this.value = &#39;submit email...&#39;;}" onfocus="if (this.value == &#39;submit email...&#39;) {this.value= &#39;&#39;;}" class="emailupdatesinput" gtbfieldid="10" name="email"value="tu email aqui..." type="text" /><input name="uri" value="NOMBRE FEEDBURNER" type="hidden" /><input class="joinemailupdates"value="Suscribirse" type="submit" /></form></div></div></div>
<style type="text/css"></style>

Opción 3: Cuadrados

<img border="0" src="http://2.bp.blogspot.com/-wDqQ9vCcr9k/TwJOzSscxAI/AAAAAAAAArw/fDdRA9TTgXg/s1600/facebook.png" /><a href="URL DE TU FACEBOOK">Siguenos en Facebook</a><br />
<img border="0" src="http://3.bp.blogspot.com/-2HQ0FHz_rII/TwJOzcSlKmI/AAAAAAAAArg/EV41oypAZe4/s1600/twitter.png" /><a href="URL DE TU TWITTER">Siguenos en Twitter</a><br />
<img border="0" src="http://2.bp.blogspot.com/-0iDOAUPSjRM/TwJOzkiP7GI/AAAAAAAAAr4/Jio5zcdXCts/s1600/rss.png" /><a href="URL DE TU FEED">Suscribete al RSS Feed</a>

Opción 4: Redondos<a href="http://Nombre de tu blog.blogspot.com/feeds/posts/default?alt=rss"><img src="http://3.bp.blogspot.com/-dNYcGjVF5to/TgvbqB5ySPI/AAAAAAAABIs/YQvfdGTD6Nk/s000/rss.png" /></a> <a href="URL de tu Twitter"><img src="http://3.bp.blogspot.com/-CWkF_5aWAck/TgvbqtpoHeI/AAAAAAAABIw/e-fkSTTp98Y/s000/twitter.png" /></a> <a href="URL de tu Facebook"><img src="http://2.bp.blogspot.com/-sFmVWj7QqBA/TgvbrEUMWVI/AAAAAAAABI0/AFYNbOHEbo4/s000/facebook.png" /></a> <a href="URL de tu Yoytube"><img src="http://3.bp.blogspot.com/-AI34_gmGTcw/TgvbrhJrFPI/AAAAAAAABI4/4NzgEdgLsTM/s000/youtube.png" /></a> <a href="URL de tu blog"><img src="http://4.bp.blogspot.com/-m1piC2I329E/TgvbryKLAeI/AAAAAAAABI8/mDN-v18Bz9I/s000/blogger.png" /></a>

Fuente:http://www.miltrucosblogger.info