Sunday, 7 July 2013

Tagged under: , , ,

Wordpress Professional Like Email Subscription Widget For Blogger

Email Subscription Widget For Blogger
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.

  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: startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;">
<h4 id="probloggertricks-title-text" style="color: 000; font-size: 20px;">
<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="" method="post" onsubmit="'', '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;">
<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>
#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 {
background: white url( 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 {background: white url( 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

  • 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:

Recommended:  Facebook Activity Feed Plugin widget for Blogger

Check This One: Number Page Navigation widget For Blogger

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:


  1. Excellent Post Hafeez Brother! Just what I was looking for. Easy Installation surely the best widget you have presented yet. Thank You again for the valuable time.

    1. Thanks Saqib Dear, for being installed cute wordpress like email widget in blogger. we will soon come with next awesome tutorial. thanks buddy.

  2. Preview/Demo is a must for post like this. You missed it hafeez. Bloggerology

    1. yes i every time look for the demo but missed every time

    2. This comment has been removed by a blog administrator.

  3. Looking nice.
    Widgets important in blogger side and email subscriber is opportunity to gain traffic from directly into yahoo gmail and whatever well nice sharing thanks for that hafeez bro
    Best of luck

  4. Nice Widget bro.. But you missed to give a demo :)

  5. Its A really Beatiful nad attractive widget , Hafeez Bro .
    But really you should have included a live demo for the extremely wonderful widget .
    Anyway thanks For the Widget

    Regards ,
    Rizwan Shajahan @ Envy Blogging

  6. This comment has been removed by a blog administrator.

  7. good post bro but where is demo.....

    1. demo is here on side bar check out

  8. Thanks bro,blogger can never be limited,thanks to dudes like you

  9. Hey thanks for the widget ...
    it is really cool, looks more professional than a simple Subscription widget.....

    Keep posting :)
    The Braves And Smarts


About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism