How To Add Cute Email Subscription Form To Blogger

Hey Folks ! After long time back with Cute Email Subscription Form To Blogger. It widget is most Important for every bloggers and It is very clean and looking professional. You can easily use and Edit. There is no any difficulties in Adding it to your blog. It will increase your subscriber and followers, when you'll do new post and your lovely subscriber get your fresh posts automatically. It widget is most useful and now many popular websites also use it. Our first widget was Cool Stylish Subscription Box which were also Best for any blog. Now let's start how to Add it to your blog and make your blog looking professional.

How to Add This widget to Your Blog 

1.     Go To Blogger/  Layout / Add a Gadget,
2.     Select: (HTML JavaScript Widget),
3.     Now Past The Below Following Code in it,

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjonLB1pjpujXo9PfBon5nvygamQfB2v2Ub9xl0QlGLHo_rzNkmNov-lrWvyUdm6m1nAQbuD32MBUFgZkA27Dn6jbmbqIalAMCeYsy4SxnDJ3rh3z2-IyrPEDHubqR-5MFcsR3nsyeBUamp/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BestBloggerRecipes', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="BestBloggerRecipes" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

•  Now make some simple changes

Replace: http://feedburner.google.com/fb/a/mailverify?uri=BestBloggerRecipes with your Feedburner Email Feed link: You can get it visiting your feedburner account then navigate to (Publicize) and then to (Email Subscriptions)
Replace: BestBloggerRecipes     with your feed title: You can at the  end of your feed link

Finally Words By The Admin

How was this Cute Email Subscription Form To Blogger ? Hope you will enjoyed it.  There is no difficulties in in Adding it, If you have face any kinds Difficulties in Adding or any other thing then feel free to ask us below the comments, as soon as possible will help yours. Keep Visiting for Fresh Content, Happy Blogging

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →