Cool Subscription Box for Blogger v2 - Black

This will be another customized Feedburner subscription box since the last one ~ How to Add a Cool Subscription Box v.1. Likewise, this also got Twitter and Facebook button compile together. See screen-shot below..

Demo :

Subscribe to our RSS Feed and We will let you know when we have new posts!
Or get the latest posts via Email

Okay here we go..

Firstly if you don't have Feedburner account, go to Feedburner.google.com and register. You'll get feed url which look like this

http://feeds.feedburner.com/YourFeedburnerFeed

Nesxt, go to your blogger Dashboard, Click 'Layout' ► 'Page Elements' ► 'Add a Gadget ► And choose 'HTML/JavaScript'.

Copy the following code and paste it inside the 'HTML/JavaScript'.

<div style="background-color : #ffffff;padding-top:10px;">
<a href="http://feeds.feedburner.com/YourFeedburnerFeed" target="_blank" title="Subscribe To The Latest Posts"><img style="float:left; width:30px; height:30px; margin-right:5px" src="http://img171.imageshack.us/img171/162/rssicons.jpg" /></a><a href="http://feeds.feedburner.com/YourFeedburnerFeed" target="_blank" title="Subscribe To The Latest Posts"><b><u>Subscribe to our RSS Feed</u></b></a>
and We will let you know when we have new posts!
<br />
<center>
<b>Or get the latest posts via Email</b>
<form style="padding-top:6px;" 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=YourFeedburnerFeed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == 'Enter your email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email address...';}" name="email" style="width:170px;" />
<input type="hidden" value="YourFeedburnerFeed" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input style="
        padding-left:3px;
        padding-right:3px;
      border: 1px solid #333333;
        cursor: pointer;
      background-color: #000000;
        color: #FFFFFF;"
type="submit" value="Submit" />
</form>
</center>
<center>
<table border="0">
<tr>
<td>
<a href="YourFacebookPagesUrl/FacebookProfileUrl" target="_blank" title="Connect On Facebook">
<img style="width:54px; height:54px;" src="http://img29.imageshack.us/img29/3497/facebookiconf.jpg" /></a>
</td>
<td>
<a href="http://twitter.com/YourTwitterUsername" target="_blank" title="Let's be friend. lols.">
<img style="width:54px; height:54px;" src="http://img291.imageshack.us/img291/3765/twittericon.jpg " /></a>
</td>
<td>
<td>
<a href="http://feeds.feedburner.com/YourFeedburnerFeed"><img src="http://feeds.feedburner.com/~fc/YourFeedburnerFeed?bg=000000&fg=FFFFFF&anim=1" height="26" width="88" style="border:0; padding-top:5px" alt="Fellow Readers" /></a>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/YourTwitterUsername/ffffff/111111"></script>
</td>
</td>
</tr>
</table>
</center>
</div>

Lastly change the 'YourFeedburnerFeed', 'YourTwitterUsername', and 'YourFacebookPagesUrl/FacebookProfileUrl' to your feed, Twitter username and Facebook Pages url or your profile url respectively.

Go0d luck..