Feedburner Feedburner email subscription form is very important to be part of your site because of its two major features that you need to have on your site. The feedburner allows visitors to your site easily subscribe to your site feeds vis their email ans it also make gives your readers better view of your RSS feed with different options of sharing your content on social medial site with different social sharing button.

There is a free code for Feedburner email subscription form you can get free once your setup your Feed subscription. You can visit Feedburner page to signup for your Google Feedburner account, then grab a copy of the code your need to setup this wonderful feedburner form on your site.

Advantage of using this Feedburner form

– Very easy to change according to your blog themes and templates
– Simple and presentable
– The feedburner form load very fast on any browser
– It is very attractive

Steps to add the Email Feedburner Form to your site

To add the feedburner form to your blogger sidebar, go to your Blogger Dashboard->->Click on Layout->->Add a Gadget->->HTML/JavaScript and paste the code below on the widget

[highlight] <link href=’http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700′ rel=’stylesheet’ type=’text/css’/>
<div id=’Subscription’> <div class=’heading’>
Sign Up in Seconds</div> <p>Sign up with your email address to receive hot updates straight in your inbox.</p><div class=’emailsub’>
<form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=24newspage‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”>
<input type=’text’ name=’name’ placeholder=’Your Name’ /><input type=’text’ name=’email’ placeholder=’Your Email’ />24newspage” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input value=”Sign Up Now!” class=”button” type=”submit” />
</form><p id=’credit’>Powered By: <a href=’http://www.internetsmash.com’style=”color:#F4836A” rel=’nofollow’>Internetsmash</a></p></div></div>
<style type=’text/css’>
#Subscription { width: 313px; height: 290px; border: 1px solid #51C0F9; border-radius: 5px 5px 0px 0px; }
#Subscription .heading { padding: 10px 20px; line-height: 20px; font-size: 20px; font-weight: 600; font-family: open sans; color: rgb(38, 38, 38); text-align: center; text-shadow: 0px 1px rgba(255, 255, 255, 0.75); background: none repeat scroll 0% 0% rgb(81, 192, 249); }
#Subscription p { font-family: open sans; font-size: 13px; color: rgb(12, 12, 12); line-height: 25px; padding: 5px 15px 0 15px; margin: 0; }
#Subscription .emailsub { padding: 0px 20px 10px 20px; }
#Subscription .emailsub input { color: rgb(170, 170, 170); padding: 10px; margin-top: 10px; font-size: 15px; font-family: open sans; width: 92%; border: 1px solid #ccc; border-bottom: 2px solid #ccc; border-radius: 5px; transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; }
#Subscription .emailsub input:focus { border-color:#F4836A; outline: none; box-shadow: 0 0 2px 1px #F4836A; }
#Subscription .emailsub .button { background: #F4836A; color: white!important; border:none; outline: none; border-bottom: 3px solid #B3614E; transition:background .4s linear; width: 90%; margin-right: 5%; margin-left: 5%; font-weight: 600; cursor:pointer; }
#Subscription .emailsub .button:hover{background: #DD7761;}
#credit {margin: -5px 0 0px 15px!important;text-shadow:none; opacity:.6;}
</style>[/highlight]

To add the code above to your WordPress site; Visit your WordPress Admin Panel->->Hover your cursor on Appearance on the Sidebar->->Widgets->->Drag the Text or HTML Widget to the sidebar->->Paste the codes copied

You need to do the following Customization to the form

Change the Red Color text with your own Feedburner Address. For instant, “http://feeds.feedburner.com/24newspage” just change the 24newspage to your own feedburner ID.
The Green Color is for the text size, you can change that also to your desired size
The Blue Color show the Width and Height of the subscription form. You can just change that to the value you want.

You can visit InternetSmash for more options on the Feedburner Email Form