In early days we had shared a lot of blogger widgets and plugins for blogger user. PBT have been provided many awesome gadget and plugins for new bloggers and webmasters. Today we have yet one another interesting wordpress like subscription email widget for blogger users to get ultimately followers by adding this tremendous gadget in theirs blog and websites. This is one of the best and eye-catchy email subscriber gadget created by ProBloggers. If someone worried about subscribers then do not do any special just add this gadget in blog and see the difference in short time. We already know that email subscription box is the backbone of a blog by which we could easily get direct traffics even if our blog post is not rank well in search engine. So it is better to have a prominent subscription widget for blog. So in this article will guide about the wordpress like subscription widget for blogger.
Professional Emai 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.- Easy to use & easy Interface:
- Awesome designing & smooth layout:
- Created by little piece of java script codes:
- Never increasing Loading Time: Faster Gadget:
- 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">Now Click On Save button and you done almost:
<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/AVvXsEiVVAlNdF3r_yit2uiTw5c64YcYZOOIE_kHT85GG4PxWpF5WSUkEV_k_B5ZdSTlwJfKTULhOZyLj21lYTKsnbF_9T3JbMvGJf1vG9YunKrP_09KFFLosnAo7Aznyl8tvJRaQIfwCiXPu1f-/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/AVvXsEiDTdp48jTDdd6Gr6DZIgssciDyPIB4ePDkzpgJvshaBW7hQ0Sc2vebrInQBujQ1ItXP_uzxlhLg_ZtpPDhYlA1HNj_ox-TXX2PWgB7KpkOUgljhGJkYtJZ1ZWrUB1RI-8NK6TFXecVk0lJ/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>
Make these Customization
- Replace probloggertricks/fGet with the url of your own blog feed-burner name:
- If you wan to change the Heading news to your desire news then change SUBSCRIBE OUR NEWSLETTER
- Replace Enter Email Address with your own desire if you wish to change input box message:
- Finally you done almost:
Waiting for Help
Dear guys this tutorial was little about the Stylish professional email subscription gadget which make our blog more designable. IF you are interested to make your blog attractive and eye-catchy then we would recommended to use such like gadget inside your blog. We hope that you will love this gadget and hope to get good response from all of you. Guys if you have found any bugs inside the codes just inform us in the comments section. Please share you thoughts about this nice gadget. meet you soon guys thanks and happy blogging:
