You are here:Home » News » Best Email Subscription Box Widget for Blogger

Best Email Subscription Box Widget for Blogger

Subscription box is widely used widget of websites and blogs. Through subscription box your visitors can directly subscribe your site to get more informative info. Subscription box will help to increase your subscribers or followers. If you have more readers then your site will grow faster in the ranking factor.

This widget is neat and clean simply awesome widget to increase your subscribers. This widget you can place at right sidebar or left sidebar.

Email Subscription Box Widget


To add below HTML code you can check How to Add Third Party Widget on Blogger Blog.


  1. Go to layout and click on Add Gadget, Now here you have to click on HTML/JavaScript widget and copy below code and paste it.  

<div class="am">
 <form  action="" method="post" target="popupwindow" onsubmit="'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <h3 id="am-h2">Learn Web Designing, Programming, Money Making, SEO, Blogging, Wordpress</h3>
 <p id="p-am">Join our Free newsletter to get all the tutorials, latest news, gadgets, money making tips, windows and seo tips</p>
 <input type="text" style="width:140px" name="email" placeholder="enter your email"/>
 <input type="hidden" value="ansmachine" name="uri"/>
 <input type="hidden" name="loc" value="en_US"/>
 <input id="am-j" type="submit" value="Join!" />


  1. Go to Template Section and Edit HTML.
  2. Find ]]></b:skin> and copy below CSS code and paste above it.

 padding: 0px;
 margin: 0px;
 width: 298px;
 height: 320px;
 text-align: center;
 border-right:#c3c3c3 solid 1px;
 border-left:#c3c3c3 solid 1px;
 border-bottom: #c3c3c3 solid 1px;
 padding: 20px;
 background-color: #0faee9;
 color: #fff;
 font-size: 18px;
 line-height: 150%;
 padding: 20px;
 color: #6f8197;
 font-size: 16px;

 border:medium none;
 box-shadow:0 0 5px #C2C2C2 inset;
 text-shadow:1px 1px 0 #FFF;
 background-color: #0faee9;
Note: Find ansmachine twice and replace with your feedburner name. If you want to change height of widget find height:320px; at CSS code and change as per your need.