Attractive Feedburner Email Subscription box for blogger

Email Subsciption Box

<!-- Email subsciption box -->
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your-FeedBurner-Feed ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b>Like This Blog's Posts?</b> Get the Latest of It Directly from your Inbox for Free - Enjoy your Day!<br />
<div style="text-align:center">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:250px;" />
<input type="hidden" value="Your-FeedBurner-Feed " name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="OK" id="subbutton" />
</div></form>

<div>
<center>

<table>
<tr> <td>
<a href="http://feeds.feedburner.com/Your-FeedBurner-Feed "><img src="http://feeds.feedburner.com/~fc/Your-FeedBurner-Feed ?bg=99CCFF&amp;fg=111111&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/Your-Twitter-User-Name/111111/99CCFF"></script>
</td></tr>
</table></center>
</div>

<div style="padding-left:10px;">
<table>
<tr><td><a href="http://feeds.feedburner.com/Your-FeedBurner-Feed " target="_blank" title="Subscribe To The Latest Posts"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img243.imageshack.us/img243/2619/10rssicon.png" /></a><a href="http://feeds.feedburner.com/Your-FeedBurner-Feed " target="_blank" title="Subscribe To The Latest Posts">Subscribe to The RSS Feed</a>
</td></tr>
<tr><td>
<a href="Your-Facebook-Page-Url" target="_blank" title="Facebook time"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img163.imageshack.us/img163/8637/10facebookicon.png" /></a>
<a href="Your-Facebook-Page-Url" target="_blank" title="Facebook time">Connect via Facebook</a>
</td></tr>
<tr><td>
<a href="http://twitter.com/Your-Twitter-User-Name" target="_blank" title="Twitter time"><img style="float:left; margin-right:5px; width:20px; height:20px;" src="http://img189.imageshack.us/img189/6853/10twittericon.png" /></a><a href="http://twitter.com/Your-Twitter-User-Name" target="_blank" title="Twitter time">Follow Us on Twitter</a>
</td></tr>
</table></div>

Add  feedburner email subscription box in blogger blog.

Hi friends now add this wall effect feedburner subscription box in your blogger blog with great Social network.

Follow simple step to adding this box in your blog ---->>>>>

* First go to your blogger Dashboard.

* Now click in Design tab and you are here--->>> Add new element.

* Now click in Add Gadget which is in your sidebar.

* When open new window click in HTML/javascript .

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

<h2>Dont Miss Another Post Connect With Us !</h2>

<center>
<form action='ADD HERE YOUR FEEDBURNER EMAIL URL' id='subscribe' method='post' onsubmit='window.open('ADD HERE YOUR FEEDBURNER EMAIL URL', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><p> 
</p><b>Get The Latest Full Posts By Email - It's Free</b><br/><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'enter your email address';}' onfocus='if (this.value == 'enter your email address') {this.value = '';}' style='width:230px;' 
type='text' value='enter your email address'/> 
<input name='uri' type='hidden' value='blogger toolz'/> 
<input name='loc' type='hidden' value='en_us'/> 

<input id='subbutton' type='submit' value='go'/>



<p><a href='YOUR FEEDBURNER URL'><img alt='' height='26' src='ADD HERE YOUR CHICKLET BUTTON SOURCE URL'/></a></p>
<ul>
<a href='YOUR FEEDBURNER URL' target='_blank'><img alt='feedburner' height='70' src='http://santabanta.mywapblog.com/files/rss1.png' style='background:transparent;border:none;' title='subscribe to rss feed' width='70'/></a>
<a href='YOUR FACEBOOK URL' target='_blank'><img alt='facebook' height='70' src='http://santabanta.mywapblog.com/files/fb1.png' style='background:transparent;border:none;' title='find us on facebook' width='70'/></a>
<a href='YOUR TWITTER URL' target='_blank'><img alt='twitter' height='70' src='http://santabanta.mywapblog.com/files/twitter1.png' style='background:transparent;border:none;' title='follow me on twitter' width='70'/></a>
</ul>
<br/>
<div style='background: transparent url(http://4.bp.blogspot.com/_4hkuhiry_2u/tgkypieu5ai/aaaaaaaaboc/_zpvocmyhmq/post+line-1.png) no-repeat scroll center top; height: 2px; overflow: auto;'>
</div>
<div class='post-footer'>
<div class='postbox' style='padding-left:15px;color:#1b5983;background:transparent url() repeat scroll left top;line-height:20px;'>
</div>
<div style='clear: both;'></div></div></form></center>

NOTE:- Change Highlighted text in above code with your own if you have any problem comment so i will solve ok. Dont forget to leave comments

Add feed special feedburner widget box in your blogger blog.

Hi this is very effective and special feedburner email subscription box for your blogger blog add this now.

Follow simple and easy step to adding this widget box in your blogger Sidebar now--->>>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>

.subsboxfull{width:230px;padding-top:20px;padding-right:20px;padding-bottom:30px;padding-left:10px;color:#333;height:100px;border:1px solid #353434;background:transparent url() top center no-repeat;margin-bottom:0}
.rss-boxicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzxhi64mWOMwDrkpTrZc43hU34xyjd3jH9zSjxCLdl0BrmYEvpVae1Nrm9J5OgaVxc7YFE_UXrRvKdUFnFr1bXYmsT9BzxeTmXo-UFZn148gM2Td-JwG6tnhK_vZgdiVNr-bkpZOsO7Y/) left no-repeat;padding-left:20px;margin-right:1em;font-weight:bold}
.email-boxicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicpSJAwDZS0oX33u1SrW-fu3Hj6awvwxQR40ydJF8r1lAKoQ8hKF1C8i9fQ8-XwaOzrtXSlqIXQid-U2lek9kk5GuhUo9YYFI9u_8RxUKwEx2SZYZAVjk49DR1nxZf8F8hmYS6GGGnRUM/s1600/email-box.png) left no-repeat;padding-left:20px;font-weight:bold}

* Now save your blogger template.

* Again go to your blogger DASHBOARD.

* Now click in design tab and you are here--->>> Add new element.

* Click in add Gadget which is in sidebar and 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='widget-content'>
<div class='subsboxfull'>

<a href='your-twitter-url' rel='nofollow' target='_blank' title='twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fHBQ0VM4PglvHzEKAmt_hVSInzQ2j08yakF8s1FrkTfWxPZpkOO7mVpryoVxFmp6haY_BmF8vm9ivAmrtm8XFzhE14iooaoeTRKBd8rX77SVBqTYXG7I6aSU_CBWHJD_mt3puldtr8U/" /></a>

<a href='your-facebook-url' rel='nofollow' target='_blank' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfelPkHd786Cu2iNAdKXiNeomEglQ39WyRbIojB38VqQaZD55PogM3lDJQNLMkXTj_nx-HX81P29hok4HNpiliYdlyKrYnt1XxBsIJaK4s9L9_szhMgJXqlzqg_YLZCAAJfCpph5FTsZs/s1600/facebook--box.png" /></a>

<a href='your-delicious-url' rel='nofollow' target='_blank' title='delicious'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy5rZ5zJ5-F4MF8CRc8znBnJe17iNNvjBoQ_zuRCpJzpNgFzTVHjKBdgIzqxRYkz36tZRpvOcmgUGVbHTBd7NJijHVdAlzpvLP2RocdlgNr6wBj0bY8QixVw47iICE9LCZAcfUPemvqFQ/s1600/delicious-box.png" /></a>

<a href='your-stumbleupon-url' rel='nofollow' target='_blank' title='stumbleupon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4HUWe22x5lOgI7g3-2OJ9O0jorn8U9DDmpqwV9L9KMz9MS5uDIDV-PWGColBeStlNHeYEpZjMQzLqPwHfBFcRj1tPhhu_UwP_Q6_osjwUZPSjEMk7pf5VkplDeVO5bK4MB7x1tc6H1k/" /></a>

<a href='your-linkedin-url' title='linkedin'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigaXcghiAA1fZ3trgDlKSMEPumOgtGAJwM2mnm_ITkpa72DUTuPa5ODagN8gVNazHR1yyJV60xIBj9WIxlfFAZjn8yca4-Y2tki6BsIir_dt7JmnL1LZyepAHXxjKEDlFLEqmnUX4uyNM/" /></a>

<a href='your-contact-url' title='contact'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI9iJxOFPmzZf7BHLbzkFRZJ6LVVmSHXA__Ee4INdOMUWI474YJRGzbxh-ouN1W0yWui8KfRRgn_0gTLCZyO2vOWVlH5M__S6h_d8_Npk82VVxK2vSSYzjliRmAlozLJIEsT32DgMmIw0/" /></a>


<form action='YOUR FEEDBURNER EMAIL URL' method='post' onsubmit='window.open(\'YOUR FEEDBURNER EMAIL URL', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form>

<p><span><a class='rss-boxicon' href='YOUR FEEDBURNER URL' rel='nofollow' target='_blank'>RSS</a></span>
<span><a class='email-boxicon' href='YOUR FEEDBURNER EMAIL URL' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='YOUR FEEDBURNER URL' rel='nofollow'><img alt="" height="26" src="YOUR FEEDBURNER FEED COUNTER CHICKLET SOURCE URL" /></a></span></span></span></p>

</div>
</div>
<div class='clear'></div>

NOTE:- Now change Highlighted Text in above code with your own if you any problem ask me.