How to Add Cute Feedburner box to Blogger /blogspot

Follow simple and easy step to adding this feed box to blogger ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code </head> by CTRL+F key.

* Copy below code and paste before </head>

<style type="text/css">
.newsletter-outer  {
border : 1px solid #cecece;
padding : 3px;
margin-bottom : 10px;
}
.newsletter {
background : url(http://santabanta.mywapblog.com/files/newsletter-bg.gif) no-repeat center top;
height : 68px;
padding-top : 17px;
padding-left : 75px;
color : #fff;
}
#sidebar .newsletter a, #sidebar .newsletter a:visited {
color : #fff;
}
.newsletter form {
font-size : 14px;
}
.newsletter #subscribe_email {
vertical-align : top;
margin-right : 5px;
padding : 3px;
background : none;
width : 190px;
} 
</style>

* Now click to save your blogger template.

* Again go to your blogger Dashboard and click in design tab.

* Now you are here --->>> Page Element.

* Click in Add Gadget which is in blog sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box. 

<div class="newsletter-outer">
 <div class="newsletter">
  <form action="ENTER HERE YOUR FEEDBURNER EMAIL URL" method="post" name="newsletter" id="newsletter">Enter your email address:
   <div><input type="text" name="subscribe_email" id="subscribe_email" /><input type="image" src="http://santabanta.mywapblog.com/files/go.gif" name="submit" id="sumbit" /></div>

  </form>
  <a href="ENTER HERE YOUR FEED URL/">Subscribe to RSS Feeds</a>
 </div>

NOTE:- Remove Highlighted text from above code with your own.


* Now click to save your HTML/javascript and now you are done,