Hermosa caja de suscripcion con botones de redes sociales ~ Tube trucos

Hay muchas formas de ofrecerles a nuestros visitantes la posibilidad a que se suscriban a los email o a las redes sociales, esta es una muy buena opción para obtener mas seguidores y por eso en el día de hoy les ofrezco una manera muy fácil de añadir esa opción sin tener que tocar nuestra plantilla con solo añadir un gadget y es todo.

Para añadirlo solo debemos ir a diseño >>> añadir un gadget >>> HTML/Javascript >>> y pegamos el siguiente código:

<style>
#sidebar-subscribe-box{width:280px;border:2px solid #fff;border-radius:4px;padding:0px 0}

.sidebar-subscribe-box-wrapper{background:url(
http://img96.xooimage.com/files/2/e/2/tt-3fd222e.gif) repeat scroll 0 0 #f7f7f7;color:#111;text-shadow: 0px 1px 1px #fff;font-weight: bold;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}

.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}

.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://img98.xooimage.com/files/8/5/d/icons-3fd24ae.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;-moz-box-shadow: 5px 5px #000;
-webkit-box-shadow: 5px 5px #000;
box-shadow: 5px 5px #000;color:#444;margin:0 0 15px;padding:10px 40px;width:64%}

.sidebar-subscribe-box-email-button{background:#09f;border:2px solid #007fff;-moz-box-shadow: 5px 5px #000;
-webkit-box-shadow: 5px 5px #000;
box-shadow: 5px 5px #000;color:#fff;cursor:pointer;font-family:verdana;text-shadow: 0px 2px 2px #000;font-weight: bold;border-radius:8px;padding:10px;text-transform:uppercase;width:100%}

.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}

.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:2px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br/>

<a class="social-icons" href='http://www.facebook.com/pages/tube-trucos/161206907309924' target='_blank'><img alt='Siguenos en Facebook' src='http://img96.xooimage.com/files/9/a/0/facebook-3dd3544.png' style='width: 55px; height: 55px;' title='Siguenos en Facebook'/></a><a class="social-icons" href='http://twitter.com/TubeTrucos' target='_blank'><img alt='Siguenos en Twitter' src='http://img99.xooimage.com/files/b/9/7/twitter-3dd3566.png' style='width: 55px; height: 55px;' title='Siguenos en Twitter'/></a><a class="social-icons" href='https://plus.google.com/u/0/b/100442535676711232426/100442535676711232426/posts' target='_blank'><img alt='Siguenos en google+' src='http://img98.xooimage.com/files/8/4/9/google-1-3dd359f.gif' style='width: 55px; height: 55px;' title='Siguenos en google+'/></a><a class="social-icons" href='http://feeds.feedburner.com/tubetrucos' target='_blank'><img alt='Subcribete a nuestro RSS Feed' src='http://img99.xooimage.com/files/5/3/3/rss-3dd3588.png' style='width: 55px; height: 55px;' title='Subcribete a nuestro RSS Feed'/></a><p>Subscribirse a nuestra actualizaciones por Email y Recibe todo lo nuevo </p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=Tu_id_Feedburner" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.co/fb/a/mailverify?uri=Tu_id_Feedburner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggertrix" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Entre su email address aquí"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="subcribirse ahora !" /></form>
</div></div></div>

Una ves hecho eso pues es todo por esa parte solo queda que cambien mis url por las de ustedes y listo.

Lo que esta en color verde es el fondo de gadget.
Lo que esta en color rojo son las url de las redes sociales deben cambiarlas por las de ustedes.
Lo que esta en color azul son los botones de las redes sociales lo pueden cambiar a sus gustos.
Lo que esta en color naranja es el texto que se encuentra en el gadget.