Professional Email Subscription Widget 2014

Professional Email Subscription Widget Features

There are uncountable features comes with professional like subscription box. There are following important factors of this gadget which could clearly give a signal how this widget is important for blogger blog. View some of the major features by using popular subscriber widget inside the blog.

1.Easy to use & easy Interface:

2.Awesome designing & smooth layout:

3.Created by little piece of java script codes:

4.Never increasing Loading Time: Faster Gadget:

5.Stylish & Attracted the visitors also bring dramatic change in blog followers:

Adding Email Subscription Widget To Blogger Blog.

Here we will give you some tips and tricks how to add this widget easily in blogger blog without any hard movements: So below are the all beginner steps to add this widget in blogger. Let See how to add email subscriber gadget in blogger.

Go to blogger dashboard:

Go to layout >> Add Html/javascript gadget:

Now past the below given code:

<div align="center" id="probloggertricks"><div id="ig-subscription-optin" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;"><h4 id="probloggertricks-title-text" style="color: 000; font-size: 20px;">SUBSCRIBE OUR NEWSLETTER</h4><div id="probloggertricks-sub-title-txt" style="color: 000; font-size: 14px;">Join us for free and get valuable content delivered right through your inbox.</div><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=probloggertricks/fGet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input class="name" id="probloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter Your Name" /><br /><input class="email" id="probloggertricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br /><div class="separator" style="clear: both; text-align: center;"></div><input name="uri" type="hidden" value="probloggertricks/fGet" /><input name="loc" type="hidden" value="en_US" /> <input id="probloggertricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form></div></div><style>#ig-subscription-optin {margin: 0px;padding: 10px;height: auto!important;padding: 0px 10px 15px 15px !important;text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin input.name {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjauHPXCjO-Ffw0GbO1-gD8jQCH7eAA08ZoPZ_F1G4d9H7oRoIEjKFVqkaHXeYM5YDH1thZvUfo0c2x7VKKpewtA6TQJUEDPqU42iJFpMx4cPoQg9svfpuG4TyjqKhbXqql3GjoUEwyuY26/s1600/subscribe-name.png) no-repeat center right;}#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPlKH9yudyR0pTHKHOfI8d6MJFFuljx9OogFR3eX4MMnR-bTwVCh7OMGtE5KhFM-UmdyyRoAfxLVe82aS6a8xKGz6Y29gEqwgc_4aHoTo_5_x9e8vbq4xSNh7D9CMcIELs9Qb4-lYLdSCz/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h4 {margin-bottom: 8px !important;font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;text-transform: none;text-decoration: none;text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {background-color: #0094D2;border: 1px solid #0094D2;color: red;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #f6640e; border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}#ig-subscription-optin input[type="submit"]:hover {color: #FFFC00;}</style>

Now Click On Save button and you done almost:

Make These Customization.

1.Replace probloggertricks/fGet with the url of your own blog feed-burner name:
2.If you wan to change the Heading news to your desire news then change SUBSCRIBE OUR NEWSLETTER
3.Replace Enter Email Address with your own desire if you wish to change input box message:

Finally you done almost: