Email Subscription Widget for Blogger & WordPress

Now I want to give you a modern and stylish email subscription widget for blogger blogs. As you know our previous Subscribe via Email Widget for Blogger and WordPress is goes viral in days, therefore I decide to give it professional touch and here is the second version of that widget. People in hole world loves to follow blog via email widget in WordPress and platforms. We are on Blogger platform and love it. You can add this modern well designed email subscribe widget on any HTML supported CMS as weebly, joomla, WP and Blogger. I have coded this widget alone so you don't have to worry about copyrights, you can use this widget anywhere you want. Read below and get answers of your questions about this widget.
Email Subscription Widget for Blogger & WordPress

Why I Add This Widget In My Blog? What I Will Get?

Why I Add: Without loyal readers you can't get success and email traffic can give you real views and loyal readers. As I say this is a free of cost professional follow by email widget for all Content Management Systems like WordPress, Blogger, Weebly etc. You can easily get tons of subscribers for your blogging success. This is second version of our previous viral email widget, so give it a try.

What I Will Get: There is lot of precious things you can get by adding this widget on your blogs. You can get more subscribers and more subscribers means more traffic and more money. This widget is well coded and don't harm your blog. This widget is faster then any other widget on your blog. You can add this widget anywhere on your blog like at footer, sidebar etc.

Adding Email Subscription Widget to Blogger blog

Let's learn how easily you can add this widget to your blogger powered blog.

1. Just go to your Blogger.com "Dashboard"
2. Select your "Blog" and navigate to "Layout" section
3. Now click on "Add a gadget" button, from many options choose HTML/JavaScript
4. Copy below coding and paste it to HTML/JavaScript body
<style>
.hl-email-abtm{
background:url(https://lh6.googleusercontent.com/-g5MYeN14B_I/VHMloDMC6HI/AAAAAAAAFAU/Z_geJt9Xj84/h120/email-bg.png) no-repeat 1px 0px ;padding:3px 0px 0px 80px;float:left;font-size:1.2em;font-weight:bold;margin: auto;width:250px;height:85px;color:#001110;}

.hl-email-abtmsubmit-abtm{
background:#009973;cursor:pointer;border-image: initial;color:#ffffff;border:none;width:50px;height:34.0px;padding:8px;text-shadow:1px 2px 3px rgba(9,9,8,9.9);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:2px;font:13px "Arial","Helvetica",sans-serif;}

.hl-email-abtmsubmit-abtm:hover{
background:#ddd;}
.textarea{padding:8px;margin:6px 3px 6px 3px;background:#f9f8f9;border:1px solid  #ddd;resize:relative;box-shadow:inset 1px 2px 4px rgba(1,1,1,0.2);-moz-box-shadow:inset 1px 2px 3px rgba(0,1,1,9.2);-webkit-box-shadow:inset 1px 2px 3px rgba(0,1,1,9.2); font-size:12.0px;width:180px;color:#dexdde;}
</style>

<div class="hl-email-abtm">
Subscribe via Email Address for Our Daily Updates! <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=allblogthings', 'popupwindow', 'scrollbars=yes,width=549,height=519');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter Your email address...&quot;;}" onfocus="if (this.value == &quot;Enter Your email address...&quot;) {this.value = &quot;&quot;;}" value="Enter Your email address..." type="text" />
<input type="hidden" value="allblogthings" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-email-abtmsubmit-abtm" value="Submit" type="submit" />
</form>
</div>
Don't save your widget, make some changes according to below guidelines.
6. Replace allblogthings and click on "Save" button. That's all your widget is live on your blog.

Final Words

You can add this widget to WordPress powered and other blogs. If your CMS supported HTML then you can use this widget on your blog. For more guidelines please drop comments, I will surely help you. Happy Blogging!
Previous Post Next Post