Add Cool Feedburner Email widget to Blogger easily 0

Add Cool Feedburner Email widget to Blogger easily

Follow simple and easy step to adding this email box below blogger post ---->>>>

* 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'>
#singlesubscribe  {
border : 3px solid #3b5999;
padding : 10px 0 0;
margin : 0 auto 20px auto;
background : transparent url("http://santabanta.mywapblog.com/files/blue-forward.gif") no-repeat scroll 10px 35px;
text-align : center;
}
.subscribetitle {
color : #0a1fe7;
font-family : arial;
font-size : 14px;
font-weight : bold;
padding : 0 4px;
}
#singlesubscribe form {
margin : 20px 0;
}
input.txt {
background : #fff;
padding : 2px 0 0 15px !important ;
width : 220px;
height : 21px;
border : 1px solid #bc1414 !important ;
color : #333;
}
input.btn2 {
background : #0a1fe7;
color : #fff;
width : 90px !important ;
height : 25px !important ;
margin : 0 0 0 -10px !important ;
border : none !important ;
font-weight : bold;
} </style>

* Now again find this code <data:post.body/> by CTRL+F key

* And copy below code and paste after  <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align="center" id="singlesubscribe"> 
      <span class="subscribetitle">Get Free Instant Updates Via Email</span> 
	<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ADD HERE FEEDBURNER URL LAST NAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
      	<p><input type="text" class="txt" value="Your Email Address" onfocus="if (this.value == 'Your Email Address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Email Address';}" name="email"/> 
      	<input name="uri" type="hidden" value="Getupdates" /> 
	<input name="loc" type="hidden" value="en_US" /> 
      	<input type="submit" value="Subscribe" class="btn2"/></p> 
	</form> 
</div></b:if>

NOTE:- Remove Highlighted text in above code with your feedburner url last name.

* Now click to save your blogger Template and now you are done. CHEERS

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: Add Cool Feedburner Email widget to Blogger easily ~