Create Wordpress Subscription Form For Blogger

This is Not a Wordpress Widget or Plugin ,this Subscription Box is Blogger Widget, i Called this Box "Wordpress Subscription Form" Because this type of Box Mostly on Wordpress Blogs and Bloggers blog Lack of it ! this is Important Part of blogging to get Social Following.

How To Create Wordpress Subscription Form?

Follow these simple Steps,

1 - Go to Layout -> Design
2 - Add Html/java Script
3 - Paste the Following Code in the Box.

<style> .mbtbar{width: 100%; float: left;} .mbtbar .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;} .mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: top; padding-right:3px;} .mbtbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;} .mbtbar .subicons a{text-decoration: none; color:#333333;} .mbtbar .subicons a:hover{text-decoration: underline; color:#333333;} .mbtbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZiV8AfoDiRasCex_riQGWzn5c7_L0yxdC0ZmXpzjlAIy3JdbsW-wUv-Wxs2xLvhCsmDGLqZPZx1JuA6FPyHfcOjjJJGsltyucXoV2H3pLq82t5FGDOFYwWY1v8uzjqTDchIbis_3giAs/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;} .mbtbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxfJ1XVcXUSNbCpT4VK9FywkuWCifZO9_VntBYgGJ0oae_N9z5QFRZ_gP5Opa5j43Z0kaZ6YJpwWTwt9kkTx2dl45gqUqHcA13Nu6-qlytIOfL4gzINLzUEwS-bOz7xDXheZU4uRAU_o/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;} .mbtbar .subicons .twittericon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGHFfsfq8td6OU7qVDOYl6CzvkdldT690ORmul_PXvOFihPHXtMj_ojYeFkXWts0Fy07LT7qsmETRr0HCvtiBdzepPOa-86AwxNrZZKpSp2b-WZFkWg1AY5R-CnVCNjvdx65A5qFXVdGo/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;} .mbtbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;} .mbtbar .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJJStQkr_u5xeiDQqZ_-olzUaZZFKZ8uGpVXthux6fUBhpSnhdv3eryXViGhU76yOZjBTAMzkiQC4i91teOrPx6oPNKXleYJObiLUSg5kfOUwmREx5RPeYp58s_OU26REXVVdgJ9-1KKA/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; } .mbtbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;} .mbtbar .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;} .mbtbar .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> .mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; } .mbtbar .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="mbtbar"><div class="count">Join <span class="bigcount">1675+</span> People Following MBT</div><div class="subicons"><div class="rssicon"><a href="http://www.ibloggrmaster.blogspot.com/feeds/posts/default" target="_blank">RSS</a></div><div class="fbicon"><a href="http://www.facebook.com/ibloggrmaster" target="_blank" rel="nofollow">Facebook</a></div><div class="twittericon"><a href="http://twitter.com/cutezwinnie" 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 == '') {this.value = 'Enter your email...';}" onfocus="if (this.value == 'Enter your email...') {this.value = '';}" 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 Preview Your Blog.

Note : Replace Facebook,Twitter,Feed Burner Links To your blog URL.