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



CONVERSATION

4 ya son Blogger@s:

  1. O que lindo tutorial muy importante tener los Social Media disponibles y en tu blog :) gracias makita

    ResponderEliminar
  2. Importante a la hora de tener a los seguidores fieles que siempre están al pendiente de las nuevas publicaciones ;)

    ResponderEliminar
  3. Holaaa me encanto gracias oye como haces para poner quizas te interese: y que salgan otras entradas?? me ayudaria mucho, gracias

    ResponderEliminar
  4. Hola me gusto mucho tu tutorial pero sabes como agregar tumblr a este tipo de gatget

    ResponderEliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top