Free Tools: How to Add Email Subscription Box Widget to Blogger with Social Media Icons

Wednesday, September 21, 2016

How to Add Email Subscription Box Widget to Blogger with Social Media Icons

How to Add Email Subscription Box Widget to Blogger with Social Media Icons

Todays weve give you blogger tips about how to Add Email Subscription Box with some social media share bottom to your Blogger for getting more subscribers to your blog. You can get more traffic with Email subscription. We give you step by step guide on how to add email subscription box togethe with Facebook, Twitter, Pinterest and Rss Subscriber Icons.

This is very good looking and attractive widget for blogger to increase RSS subscribers with Facebook Fan Page, Twitter Account and Pinterest Icon.

Email Subscription Box Widget to Blogger

Add Email Subscription Box to your Blogger

We give you step by step guide to Add Email Subscription Box Widget to Blogger, Please follow below induction to add widget on your blog:

1. Now Login into Blogger Dashboard

2. Go to Layout and Click on Add Gadgets as shown in this below picture.

Email Subscription Box to Blogger

3. When you click on Add a Gadgets a new popup will be opened, and select HTML/JavaScript from list.

Email Subscription Box Widget to Blogger

4. Copy and paste the below code:

<style> .NNBTsocial_box-email{ background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C; } .NNBTsocial_box-emailsubmit{ background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif; } .NNBTsocial_box-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;} #socialboxNBT { text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px; -moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;} </style> <br /> <div id="socialboxNBT"> <a href="http://feeds.feedburner.com/kudantown" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Cqk1bTk3III2PNGoGLlVp-8xTzjf5aznp5jHvTeaY059y4ZCkFOigrVfzZ8Kh9OhhbkeglsIKatRS0ob5py5kxoi2G9tSjIJX3Kl0mzpDN1oj7qLzJ8egqVfVF8oSy-KnT_L2ijEzO0/s1600/NNBT-rss.png" /></a> Submit your Email Address to Get Free latest Articles Directly to your Inbox <br /> <div class="NNBTsocial_box-email"> <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefinedhttp://feedburner.google.com/fb/a/mailverify?uri=NBTLab, popupwindow, scrollbars=yes,width=550,height=520);return true" target="popupwindow"> <input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "Enter email address here";}" onfocus="if undefinedthis.value == "Enter email address here") {this.value = "";}" type="text" value="Enter email address here..." /> <input name="uri" type="hidden" value="haakblog" /><input name="loc" type="hidden" value="en_US" /> <input class="NNBTsocial_box-emailsubmit" type="submit" value="Submit" /> </form> </div> <style class="text/css"> table {border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;} .subicons {border-right: 0px solid #E6E6E6;} .Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0; } .Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0; } </style> <br /><div class="table"><table> <tbody><tr> <td><div class="subicons"> <a class="Fadeout" href="http://www.facebook.com/symbiangurus" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVqgRmbctR2AuCW1vrppd5FByMUfQxcvAEWJ6nfFgAgvX_1phBXjEzscKM0OiNEdnXy31E9FRhtBi-BB6-rhyjIQ9jIm65UlnCYPvFXsF1sjaNAnjbpu6Dmt9briC9ZKUUhKYXXRuyh0/s1600/NNBT-facebook-icon.png" /></a></div> </td><td><div class="subicons"> <a class="Fadeout" href="http://www.twitter.com/abubakarkudan" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3sfbC5sjAzPRn-Dzh3yXTsqULxfbE5LtC2YGcm6BNK_32BSMFcAkyLrL7-NooFy4IjP9Fd0nwXrwPtvDpRK8ux82hiE63Qvbxu5WBR0I2vcv03UIdz8N3WjnX2-NUa568tWhQY6rQ9yc/s1600/NNBT-twitter-icon.png" /></a></div> </td> <td><div class="subicons"> <a class="Fadeout" href="http://feeds.feedburner.com/kudantown" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBW3w223Z0Gpt8mA9ZJb3H9gkCXrcxcTlM-X51po0gBInIjm0JHs2ebbTHEjNF3lQTmAzEzj8c3-q5YUXb18GbmTKy5V3IDPki4gZhf9pWL73fE2xmswUhGJFKhkQGSfGe-8L1gIQqtM/s1600/NNBT-rss-icon.png" /></a></div> </td> <td><a class="Fadeout" href="https://pinterest.com/kudantown" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitQx3nz2mgd0XsbjwrHeY8o1SOrtlo3waxPMLgpA3oS6RzAAZBFIw7i7b2d-NCKsJg_4p1DAy7BHmyJE5NiSLgkA7R0hR7A-3BiTZCu74SDBmTGff6YCgQ98x4yTwRLZkfbWgqeDxj6mA/s1600/NNBT-Pinterest-icon.png" /></a></td> </tr></tbody></table></div></div>

<small>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a style=align:center; href=http://www.haakblog.com/2013/10/add-email-subscription-box-widget-blogger.html target=_blank>Get Widget</a></small>

5. After copy and paste the code follow and the below with your username.

Change http://feeds.feedburner.com/kudantown to your Feed Burner username
Change http://www.facebook.com/symbiangurus to your Facebook fans Page Name.
Change http://www.twitter.com/abubakarkudan to your Twitter Username.
Change https://pinterest.com/kudantown to your Pinterest Username.

Steps to change your username:

Then Click on save button and enjoy,dont forget to share this post to your friends.

Also Join our Facebook group for more.

Go to link Download

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)