Widget De Suscripcion A Medios Sociales y Rss Para Blog De Blogger

Hola! Espero esten bien.Bueno en dia de hoy les mostrare el simple truco para anadir un asombroso Widget de subscripcion con Rss y Medios Sociales.Usar este widget puedes enlazar tu profile de redes sociales de Facebook, Twitter y Rss y para subcribirse. Este te ayudara a conseguir updates por email.

Como Anadir Este Widget a tu Blog De Blogger
1.Entra a Blogger>>Diseno>>Anadir un Gadget>>Selecciona Html/Javascript y pega el siguiente codigo dentro espacio en blanco.

<style> .subscribebtrix { border: 2px solid #000000; padding: 8px; width: 310px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .subscribebtrix:hover { -moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); -webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); } .tbimailbox { border: 1px solid #D3D3D3; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; color: #666; font: 14px "trebuchet ms", sans-serif; padding: 7px 15px; width: 160px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tbimailbox:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .btrixsubmit { font: bold 12px Tahoma, Geneva, sans-serif; font-style: normal; color: #ffffff; background: #ff5714; border: 0px solid #ffffff; text-shadow: 0px -1px 1px #222222; box-shadow: 2px 2px 5px #000000; -moz-box-shadow: 2px 2px 5px #000000; -webkit-box-shadow: 2px 2px 5px #000000; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding: 8px 15px; cursor: pointer; margin: 0 auto; } .btrixsubmit:active { cursor: pointer; position: relative; top: 2px; } .btrixsubmit::-moz-focus-inner { border: 0; padding: 0; margin: 0; } </style> <br /> <div class="subscribebtrix"> <div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;"> Free Updates to your Inbox</div> <div style="margin: 10px 0 0 6px;"> <form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow"> <input name="uri" type="hidden" value="bloggertrix" /> <input name="loc" type="hidden" value="en_US" /> <input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." /> <input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" /> </form> </div> <div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;"> Follow us:</div> <div style="margin: -32px 0 0 120px;"> <a href="http://www.facebook.com/ciudadblogger" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD6FAzY-RZS-hDx8sumW6gwt6gyIthv_Wbll18k4rRrHTECAf-VOixFKZ8GrUrbc4PZhdqYRSxFI34VTC2LhbbhOYsGwQfaWs2qjMXBGFFM8GxBjqJlDnP5AuNGbmKusH9r_RLl2fKbQg/s1600/facebook_btrix.png" /></a> <a href="http://www.twitter.com/ciudadblogger" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGZjf2X9Z_cffalZsBHZfwQ87-wszpeh4B9hLl5C4_3uNxD6lyOl5Cdxy14vuFOnREuAGTC7Qis-xN0SkvhjPIsevKu97FTM27aGjHiz2mRDefEC6FqAn4RD7QahsVGgpcP_yBtyVQ_AI/s1600/twitter_btrix.png" /></a> <a href="https://plus.google.com/UserId" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKAQgqIcpgzMkp_vm_L2UMw-uwkBm46W_rMmaRWoSGZPLTblO-wG6vu-va8IVVEjCSX7RR4vhyphenhyphenwwYmtTE9W6iy5OsjMettEBHjdN_3xHyYaBtGFi9xg_V7FIj2Mhbyf7yNxRG02eEkwo/s1600/googleplus_btrix.png" /></a> <a href="http://www.pinterest.com/ciudadblogger" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWF22fBsR6uOYJhhlzGnqi1pqVIESO16oyNjIc3pHhhFZv5o1MxayZxskKbG-CWkd-xH21_AmZ83lKdeZafxjF90fR4yNoBboABGEw-AC_mrmMB5ZD43-ocX1JvWOerluHXN_H8b3ApGA/s1600/pinterest_btrix.png" /></a> <a href="http://feeds2.feedburner.com/ciudadblogger" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZ2QW6HpwEzXLReSsZsVdRpPOgCIHhPPBEITgsCYm7DpxOWxUzee-c3gipwqmgT8HhMp1TfCOPhnjQn8XSBJyGtCU_-1dVOF0TMD7mDKaBiyxy8s5olAbSMI9lZ5p4KtpJJbI58VKznw/s1600/rss_btrix.png" /></a> </div> <div align="center"> <a href="http://feeds.feedburner.com/ciudadblogger"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/ciudadblogger?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div> </div>

Reemplaceciudadblogger con tu ID de Feedburner
Reemplace ciudadblogger con tu nombre de usuario Facebook
Reemplace ciudadblogger  con tu nombre de usuario  Twitter
Reemplace ciudadblogger con tu nombre de usuario Pinterest
Reemplace UserId con tu nombre de usuario de Twitter

5.Ahora guarda tu  HTML/Javascript'.

Listo...

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati