RSS

Navigation : Home / , , , / Article : Add Beautiful Email subscription widget box in your blog

Add Beautiful Email subscription widget box in your blog

I just recently changed my e-mail subscription box recently,If you want to add such stylish E-mail subscription widget box in to your blogger, just follow the steps here and get one beautiful E-mail news latter subscription box for your blog too.

First thing you need to have facebook fan page If not don't worry make Facebook fan page for your website/blog , that will increase visitor to your blog content.
You need a twitter account, If not create one for you,If you are not interested to add Facebook fan page and twitter follow button, than you may delete those code from the coding I m going to provide below.
Now come to the topic.

1.Login to your blogger Dashboard.
2.GO to Design > Add Gadget > HTML/Javascript.
3.Now add following Javascript in that box that will open by clicking HTML/Javascript.

See also : Facebook send button | Google plus button | Twitter button | Bookmarking widget
 

<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 == &#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: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&amp;fg=FFFFFF&amp;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>

4.Now just change the red colored part with your details.
Add Your Feedburner Feed in place of YourFeedburnerFeed
Add your twitter Username in place of YourTwitterUsername
and add your Facebook fan page or your Facebook profile page URL in place of YourFacebookPagesUrl/FacebookProfileUrl

You have done!!
If you want more icon, you may try iconarchive.

Loading

0 Responses to "Add Beautiful Email subscription widget box in your blog"

Do not add any spam messages, as we will strictly delete the spam comments, all content posted on this blog are free for use and for knowledge, do not spoil it with spamming.