Subscription Box For Blogger

 How To Add This Widget :

• Just copy the bellow code
• Paste it in a new page in the HTML part
• Replace my feed link with yours 
• Set Tittle As Subscribe And Click Publish 
• Done your subscription box is ready

<span style="font-size: large;"><b><u>Don't Forget To Conform Your Email Address</u></b></span><br />
<br /></div>
<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>
<br />
<div class="mbt">
<div class="mbt-floating">
<div class="subscribe-mbt">
<b>Subscribe Us></b></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=blogspot/pMKUe', '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="blogspot/pMKUe" />
</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></div>