How To Add Attractive Email Subscription Widget To Blogger Blogs

 How To Add Attractive Email subscription widget to blogger blogs

So welcome here again and i am gonna do email subscription widget for blogger blog,. Well you know that adding email subscription box increase the traffic of your website when someone get updates through the emails. This widget is the best to add on your blog, once the username you got from the feed-burner you will able to add widget to blog. (I explain it letter that why we use feed burner for email subscriptions).

So here the method to add it to your blogger blog.

• Go to your blogger dashboard
• Select your blogger blog
• Click on Layout from Drop Down menu (shown in picture)

• A new Window appear
• Click on Add gadget
• And select HTML/Javascript

You can also add the title of the script it will display on the upper level where your widget appear, you can also change the widget place if your blog theme support this, this gadget looks like this,

Now simple add the code in the box shown blow

<style>.hl-email{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwkpAS30Gdp2cVI3s3-ntfs_3oUUDL6b5lYmCfiCYOgOtwZ5LpA4A4dejtPjVVoWm88LhyphenhyphenBltDE_6_oSZbzjOipew1M7IUDKRWoF1bLC75nkNxH60ZtU4IQObte9wQPDDp6Z46tNkOUcw/s1600/mail.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; } .hl-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; } .hl-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:130px; color:#666;} </style><div class="hl-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=mbgsub', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" /><input type="hidden" value="mbgsub" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="hl-emailsubmit" value="Submit" type="submit" /></form> <a href="http://www.mbgadget.com/2013/06/blogger-subscription-widget.html" > <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQm-FQD9PolUWvAMiWiMeajdfRraUmTyp6vhyAuB3-rfzuuK53cmHmli2TlHAJh7IGmHrc9GYvKVplJCmu4gNbuySP4OV7s8xXzeYIMibWHTyrtzfAceJImnSp-NsnRJSdwD84Ta5_5s/s1600/4.png" alt="subscription gadget widget"> </a> </div>

Now you have to find bmgsub word at end of the code to replace it with your feed-burner id, Its very easy to do you just have to copy the code and go at end, like in the image,

if you enjoyed the post pls kindly subscribe to how newsletter below .

• Tweet
• Share
• Share
• Share
• Share

About Admin

I am the CEO of 9JAGISTLAND.My name is Adedeji Timothy and my co-owner is Oyekola Damilare.This blog is born out of our passion to educating to people in all aspect of internet life.We are enthusiastic about writing posts and articles online.

Related Post