Add Beautiful/Stylish Email Subscription Forms To Blogger

Most of peoples want simple, clean yet Stylish and Cute Subscription Form for their Blogger/blogspot Blogs. Today we came with Stylish and Cute Subscription Form Widget For Blogs. This widget will surely attract visitors to subscribe. These email subscription forms are designed by design3edge
Follow following steps to add this Stylish and Cute Subscription Form Widget to Blogger

How To Add Beautiful/Stylish Email Subscription Forms To Blogger

• Go to Blogger Dashboard --> Layout --> Add A Gadget
• Select HTML/Javascript and paste the code shown below in it

Email Subscription Form 1

<style type="text/css">
#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixXm8EAhK2cFPb1GNgMVQRRznY3Q7FTHY1zwo0rLsZSioKuJeoRjA9S4sq79AViWSr2YHdrGu1qUb3ceLiZRQMfXGbolEbxyetaL_7W0X35R05E5ojH7pfVvffMbSHgn7rcbKQsNd3t7QK/s1600/latesthack.com-red.png) no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}
form#latesthack-searchform{display: block;padding: 69px 0px 0px 45px;margin:0;}
form#latesthack-searchform #s{padding: 2px 6px 5px 2px;margin:0;width: 211px;font-size:14px;vertical-align: top;border:none;background:transparent;font-family:georgia;font-style:italic;}
form#latesthack-searchform #sbutton{margin:-7px 0px 0px 7px;padding:0;height:34px;width:72px;vertical-align: top;border:none;background:transparent;}
</style>  
<div id="latesthack-searchbox">
<form id="latesthack-searchform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=latesthack', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="latesthack" name="uri" /> <input type="hidden" name="loc" value="en_US" />
        <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" id="s" />
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Email Subscription Form 2

<style type="text/css">
#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP8aM8kzSqsDP2FjK4IbsnnmxVb0t6OK-qzOqb56PoGQkyxhgfEPASkzOaZbsSqLH6mHZVglF70rMXQAgRF7q_g5joBNja-X_6_Cy5Z-46BDRNADjWHmu3Kh3U-UnwYKnBNDK13XKZIq1j/s1600/latesthack.com-silver.png) no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}
form#latesthack-searchform{display: block;padding: 69px 0px 0px 45px;margin:0;}
form#latesthack-searchform #s{padding: 2px 6px 5px 2px;margin:0;width: 211px;font-size:14px;vertical-align: top;border:none;background:transparent;font-family:georgia;font-style:italic;}
form#latesthack-searchform #sbutton{margin:-8px 0px 0px 7px;padding:0;height:34px;width:72px;vertical-align: top;border:none;background:transparent;}
</style>  
<div id="latesthack-searchbox">
<form id="latesthack-searchform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=latesthack', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="latesthack" name="uri" /> <input type="hidden" name="loc" value="en_US" />
        <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" id="s" />
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Email Subscription Form 3

<style type="text/css">
#latesthack-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Tlp1PfnlfjdW-NnT1IG0cZAz5Ld_Ok0fB_eppuRKXgkxW2qcgfI8Z4P5wjXhbSq3WSSEGRa3B0C5sBJTlUdvQxaNvri4OMZSl7ZqgZyc_9ALuzywDzVUUyiIIZub2r77vkkbi09SmJ5l/s1600/latesthack.com-blue.png) no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}
form#latesthack-searchform{display: block;padding: 69px 0px 0px 45px;margin:0;}
form#latesthack-searchform #s{padding: 2px 6px 5px 2px;margin:0;width: 211px;font-size:14px;vertical-align: top;border:none;background:transparent;font-family:georgia;font-style:italic;}
form#latesthack-searchform #sbutton{margin:-8px 0px 0px 7px;padding:0;height:34px;width:72px;vertical-align: top;border:none;background:transparent;}
</style>  
<div id="latesthack-searchbox">
<form id="latesthack-searchform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=latesthack', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <input type="hidden" value="latesthack" name="uri" /> <input type="hidden" name="loc" value="en_US" />
        <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" id="s" />
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

• Replace latesthack with your Feedburner Username

Like it? Share it.