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.

Widget de redes sociales para tu blog

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&amp;layout=standard&amp;show_faces=false&amp;width=350&amp;action=like&amp;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>

Únicamente necesitas copiar y pegar el código y modificar la parte de color rojo, por las urls que correspondan a tus redes sociales.

Lee también:  Cómo aceptar suscriptores en tu blog con Mailrelay

Si no tienes alguna de estas redes sociales puedes borrar fácilmente la parte del código que corresponda.

Para implementarlo, puedes copiarlo y pegarlo en cualquier widget de Blogger o WordPress.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.