Add an elegant Bootstrap Feedburner Subscribe Box. Email Subscriptions are a great way to increase traffic.You can post on your blog, and with the help of feedburner, your loyal readers can stay connected to your contents and blog. The default feedburner box may be boring and least appealing. Hence we tweaked and are putting forth this elegant looking box.
Click the subscribe button to test and see for yourself.

FEEDBURNER EMAIL BOX

Stay up to date by subscribing via email. Your email is safe powered by Google Feedburner.
Enter your email address:
I respect your privacy. You may unsubscribe at any time with just one click.

Copy paste the code below into your template right in the place 
where you want to show it up.
<div class='panel-heading'><h3 class='panel-title' style='font-size: 20px; text-shadow: #fff 2px 0px;'>Did you enjoy this post? Get FREE updates via email...</h3></div>
<div class='panel-body'>
<p class='feedburner-text'>Stay up to date with all articles by subscribing via email. Your email is safe powered by Google Feedburner.</p>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=strapboot&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='padding:3px;text-align:center;' target='popupwindow'>
<p>Enter your email address:</p>
<input name='email' style='width:300px' type='text'/>
<input name='uri' type='hidden' value='strapboot'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='btn btn-primary' type='submit' value='Subscribe'/>
</form>
<p class='feedburner-text'>I respect your privacy. You may unsubscribe at any time with just one click.</p>
</div>
</div>

Change the text in "strapboot" above with your feedburner name.
Change the DIV class panel-default to either panel-primary, panel-success, panel-warning or panel-warning to get different color variants.

1 comment: