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.
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.
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
6. Replace allblogthings and click on "Save" button. That's all your widget is live on your blog.
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>Don't save your widget, make some changes according to below guidelines.
.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 == "") {this.value = "Enter Your email address...";}" onfocus="if (this.value == "Enter Your email address...") {this.value = "";}" 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>
6. Replace allblogthings and click on "Save" button. That's all your widget is live on your blog.
