Caja de suscripción a tu blog.

Caja de suscripción a tu blog.
Este sencillo script hace que nos puedan seguir por via feed.



Simplemente tenemos que ir a nuestro blog, Diseño > Añadir un gadget
y ponemos este código
Cambiamos lo marcado en azul por la dirección de nuestro feed.


<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".mbt").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .mbt{background: url("http://s12.postimg.org/gjpszngzx/Untitled_1_copy.png)" no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .mbt span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .mbt span a{color: gray;text-decoration:none;} .mbt span a:hover{text-decoration:underline;} } </style>
<div class="mbt">
<div class="mbt-floating">
<div class="subscribe-mbt">Subscribe Us&gt;</div><br /><i class="fa fa-envelope"></i><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<div class="newsletter-sm-bot">
<input class="newsletter-input-sm" name="email" placeholder="Enter Your Email" type="text" />
<button class="newsletter-button-sm" type="submit">Subscribe</button>
</div>
<input name="uri" type="hidden" value="tntbystc" />
</form></div></div>
<style>.mbt-floating {
background: #F2F2F2;
height: 285px;
padding: 7px;
border: #444444 2px solid;
}
.subscribe-mbt {
background: #444444!important;
padding: 8px!important;
text-shadow: -1px 0px 2px #000000;
color: #FFFFFF;
box-shadow: 0px 0px 7px -2px #000;
border: 2px dashed;
font-size: 20px;
font-family: algerian;
}
.mbt-floating .fa {
font-size: 115px;
padding-left: 54px;
padding-bottom: 17px;
margin-top: -18px;
}form {
padding: 10px;
margin-top: -16px;
}
input.newsletter-input-sm {
padding: 17px;
padding-top: 15px;
padding-bottom: 15px;
box-shadow: 0px 3px 4px 0px #000;
padding-left: 10px;
width: 84%;
margin-bottom: 15px;
border: 0;
}
button.newsletter-button-sm {
background: #444444;
color: #FFF;
border: 0;
padding: 15px;
font-size: 14px;
text-shadow: 2px 2px 2px #000;
border-bottom: 2px solid #000;
border-radius: 6px;
width: 100%;
box-shadow: 0px 3px 2px 1px #000;
}
</style>

Publicar un comentario

Deje su comentario y si tiene alguna duda en breve la cintestaremos.
Gracias

Artículo Anterior Artículo Siguiente