How We Create A WordPress Subscription Form

07:47    

wordpress,widgets
Today widgets is very impotent for all,and most usefull one.It is a very smart container which show the total numbers of subscribers,contain  RSS link,facebooks link,twitter link, and also contain a very beautiful subscription form where all visitors can submits there emails to receive free updates from your sites.This widgets works in all browsers especially IE8.I personally name it WordPress Subscription form because you mostly seen in every WordPress Blogs and Blogger  lacks it.Now you all thinking that How we can add this form in our blogs?So,don't weary i tell you that how you add this subscription form in your blog.Follow the Below method it is simple and its work.

How We Create WordPress Form In Our Blog?

1. Go to Blogger .Desing
2. Click the HTML/Javascripts Widget.
3. Paste The Code below into the widget    

   

    <style>

    .mybloggertbar{width: 100%; float: left;}

    .mybloggertbar .count{color:#333; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; background: #fff; height: 45px; line-height: 45px; vertical-align: middle; width: 100%; padding: 0 10px 0 4px;}

    .mybloggertbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: top; padding-right:3px;}

    .mybloggertbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;}
    .mybloggertbar .subicons a{text-decoration: none; color:#333333;}
    .mybloggertbar .subicons a:hover{text-decoration: underline; color:#333333;}

    .mybloggertbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ReUxYHwQcwf5d1gkx7W4bxCbXgwVF0erab4lAzqmJEhvZ6MxQZjSFxuI9CDW_4uNuXt4abuOkbeO1XKG0W2Q4-bzJOZzr824u2sGzSlfIA6QwFBTRv-baQnboQ9dRxu1OYYEyRfpPA/s400/rss.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}

    .mybloggertbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioQE-e62nqTX2wx_YMZHQ0nof2zL5Gi5mlTkCuypIgK7kxEuMTS2Dk9JmTQCn8Kk363WMG5XJiJ9YwbGwHuECCPsNPGqQvrZ2NCAbdmUWWofjhLOYfdU7lG6amqU53sSpJcD3HlNnYjA/s400/facebook.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}

    .mybloggertbar .subicons .twittericon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxzjSrrKXqmCJSnSwywi0DVhKmndydSH1GOgNQiXkU2lgRZ9Cg1OoGCdS_MD9zJRehg3ToEcsaxlQQd7uoEv1apLT3SkzPybHuP6JL4YZWM8qmalp3EKmOuJxwl2Z9McZNL1PwmsMSw/s400/twitter.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}

    .mybloggertbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}

    .mybloggertbar .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6kH388nWJSxnOnE3Wl79Y-hD6Tk74SvgaREjlbmTEcb7J54cww2OHqeyjokjyiHo6XNwuj58N03-zFVHzPQ0a0lf74Xa6TMOrjnTUnIr-mSArbpcWQz5dxVjBN5zeNMPsRh9jx9WGw/s400/email.png) no-repeat left center; float: left; padding: 5px 15px 0px 35px; margin: 0 0 0 5px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; }

    .mybloggertbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}

    .mybloggertbar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

    .mybloggertbar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    </style>

    <!--[if IE 7]>
    <style>
    .mybloggertbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; }

    .mybloggertbar .emailsub .emailupdatesform input.joinemailupdates{background:#0080ff; border: 1px solid #0080ff; text-transform: uppercase; color: #ffffff; font-weight:bold; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; }
    </style>
    <![endif]-->

    <div class="mybloggertbar"><div class="count">Join <span class="bigcount">200+</span> People Following mybloggert</div><div class="subicons"><div class="rssicon"><a href="http://feeds.feedburner.com/iffitips" target="_blank">RSS</a></div><div class="fbicon"><a href="https://www.facebook.com/Iffitips" target="_blank" rel="nofollow">Facebook</a></div><div class="twittericon"><a href="https://twitter.com/iffitips" target="_blank" rel="nofollow">Twitter</a></div></div>
    <div class="emailsub">
    <div class="emailicon">Stay Updated via Email Newsletter</div>
    <div class="emailupdatesform">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email...&#39;;}" onfocus="if (this.value == &#39;Enter your email...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="tntbystc" name="uri" type="hidden" /><input value="Join" class="joinemailupdates" type="submit" /></form></div></div></div>
4. Save the widget and enjoy your WordPress Subscription Form.

 
S Pink Premium Pointer