Box social para Blogger

Para que l@s que visiten tu blog periodicamente puedan suscribirse por email, a los feeds, agregarte en Facebook o seguirte en Twitter, aqui tienes esta elegante caja social con sus iconos correspondientes. Para añadirlo a tu Blogger, solo tienes que copiar el codigo de abajo y pegarlo a un gadget HTML/Javascript. Antes de guardar, modifica lo que esta en rojo, es decir: tu url de tu Facebook, la de tu Twitter, la de los feeds RSS y la de suscripcion (ahi solo tienes que poner el nombre de tu Feedburner, no la direccion completa). Recuerda que hay que repetir la url de cada sitio 2 veces, una para el icono y otra para el texto.

<div class="sidebar-subscription">

<ul id="subscription">

<li><a href="URL DE TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_AM9HVe5C2_fzgiJm1P0P9FaZ2CLAQ0qKiREOGVdu3iICaHq9UHOG828AWAiWBhzHiqRXhjv0ckWDmrSMTVu_2fBS131JpdpV1tmaMKO_lwmDLXAFV3UQ4EjXI57uO1Ar1i0NmMmnbL4l/" /></a>

<h4>

<a href="URL DE TWITTER" target="_blank">Sigueme</a></h4>

Puedes seguir mis actualizaciones en Twitter</li>

<li><a href="URL RSS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_KXLGr2wDqLgnw2506m6MftmjupGRYIWqflPWhxa_ZdKdN0v74354CETpHRY2Wtr2xmeZSaEZryK1M3BVKFzYHt7OhjMWVx57irkIQW5XazsXv6bpPBzJPajI1QNBN0GpQZvysYT1_Fu/" /></a>

<h4>

<a href="URL RSS" target="_blank">Posts RSS</a></h4>

Lee mis articulos completos en tu lector de feeds favorito</li>

<li>

<a href="URL FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC5c0wNEiGFKhGqpcoxPO9i5NgxkpoE99GImayZW1s0atCLEMoeo65H7dG1cQH6Y86f2kx6PnosUJOEApfWbXo5Z-XISm5JJPDnCPDEg0lDToW5anrWPsU9bsy9ZOQjyJzNS3N2ppdt0Z7/" /></a>

<h4>

<a href="URL FACEBOOK" target="_blank">Facebook</a></h4>

Hazte fan en Facebook</li>

<li>

<a href="http://feedburner.google.com/fb/a/mailverify?uri=NOMBRE FEEDBURNER&loc=es_ES" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-s2QXFC7Squt2yaYDNV0oQtzA7iWc0mrxHYw03s401fYciDFM8SgPO5EL8T8jYkG4iepfpBbY8UZyEcEk2gH2nWoDpzMNPHhfLrXOYFhWTsNiAQfowTVv-VuYBOX3fkSVGlirrC8HOnoD/" /></a>

<h4>

<a href="http://feedburner.google.com/fb/a/mailverify?uri=NOMBRE FEEDBURNER&loc=es_ES" target="_blank">Subscribete via e-mail</a></h4>

Recibe mis ultimas actualizaciones en tu correo</li>

</ul>

</div>

<style>
.sidebar-subscription {
    background: url("http://lh6.ggpht.com/_7Y9pl24WpQY/S_f7UbjdNxI/AAAAAAAAD7k/MRxXLntEnfo/post_head_thumb%5B4%5D.gif") no-repeat scroll 0 0 #FFFFFF;
    border: 1px outset #FFFFFF;
    color: #000000;
    padding: 20px;
    width: 100%;
}
#subscription {
    list-style: none outside none;
    margin-left: -40px;
    margin-top: 0;
    width: 100%;
}
#subscription li {
    height: 57px;
    line-height: 1.0em;
    padding: 6px 10px;
    padding-bottom: 20px;
}
#subscription li a {
    color: #000000;
}
#subscription li a:hover {
    color: #A8000C;
    text-decoration: none;
}
#subscription li h4 {
    border: medium none;
    color: #333333;
    font-size: 18px;
    margin: 0 0 0 45px;
}
#subscription li p {
    font-size: 13px;
    margin: 0 0 0 45px;
}
#subscription li img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}
#subscription li:hover {
    opacity: 0.7;
}
</style>