Tech Tips, New & How to Guide

Stylish Feedburner Email Subscription Templates for Blogger

Feedburner is a free email subscription service of Google. Feedburner gives a great opportunity for subscribing email from the website targeted audiences. Bloggers can grow their email list by using the Google Feedburner and others email subscription service. You can use an email subscription service for growing email list and the audience.
Feedburner email subscription template

Feedburner allows to use Email subscription service for all platforms. Even if you use the WordPress CMS platform on your website, you will get more Feedburner email subscription plug-in. But do you know, the plug-in could slow your website. So, I think every blogger should not use many plug-ins. If you don’t use a plug-in, coding is perfect for you.  Here you can use the Feedburner Email Subscription Form on your website by coding.

On the other hand, if you’re a Blogspot site owner, you can use the same code for subscribing email form.

Whey you use Feedburner Custom Form/Template?


Feedburner default form is not attractive for maximum website visitors. It’s really true that if you use the eye-catching subscription form, you will get more subscriber from your website. So if possible, you can use custom Feedburner email subscription form on your website.

Here is the default Feedburner Form:
Feedburner email subscription default form

I am here to share excellent Feedburner email subscription form/template for bloggers, who want to use the Feedburner service in his/her website.

Forum/Templete#1
It’s a simple custom Feedburner form. See Preview
Feedburner email subscription form-1
Code:
Simply copy and paste the follow code on your website widget area.
-------------------------------------------------------------------------
<center>
<a href='http://www.spiceupyourblog.com'><img alt='U-Tech News' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><b><i>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>
<a href="http://www.spiceupyourblog.com/" target="_blank"><img alt="Email rss" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TDfmvEtFEdI/AAAAAAAABeY/wVGGf771158/s1600/subscribemail.png" border="0" /></a>
<i>Enter Your Email And Click Subscribe</i></center>
<center><form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= Your Feedburner ID ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text"><input value="U-Tech News" name="uri" type="hidden"><input value="en_US" name="loc" type="hidden">
<input id="zoosbmt" alt="Subscribe" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLRveDrxEAI/AAAAAAAABtw/9Yf3Fpd6RYk/s1600/footer_submit_button.gif" class="subbutton" type="image"></form></center>
---------------------------------------------------------------------
Customization:
Please replace Feedburner ID from the red marking area. Although you can change the width and subscription text from the avobe code.

Forum/Templete#2
This template is very attractive for website visitors. Many affiliate marketers and processional bloggers are using this type email subscription template on their website.
See Template Preview:

Feedburner email subscription form-2
Code:
Simply copy and past the follow code on your website widget area.  
---------------------------------------------------------------
<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 latest 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=Your Feedburner ID', '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' /><input type="hidden" value=" Your Feedburner ID " name="uri"/><input type="hidden" name="loc" value="en_US"/><input value="Sign Up Now!" class="button" type="submit" />
</form><p id='credit'>We respect your privacy<a href='#'style="color:#F4836A" rel='nofollow'></a></p></div></div>
<style type='text/css'>
#Subscription { width: 270px; height: 310px; 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>
----------------------------------------------------------------------------
Customization:
Please replace Feedburner ID from the red marking area. You can change width, height and subscription text. If you want to make a more attractive subscription form color, you can change CSS code. 

Article source:
1. http://www.spiceupyourblog.com/2010/02/edit-feedburner-email-subscription-form.html
2. http://www.internetsmash.com/2014/12/customize-feedburner-email-subscription-form.html
See Also: 7 Things Your Boss Needs To Know About Domain Name Search




0 comments:

Post a Comment

Next Older Post
Stylish Feedburner Email Subscription Templates for Blogger