Efficient Email Subscription Box for Blogger

Now a days, Blogging is increasing with the great speed and every talent Blogger is going to success. The readers or email subscribers are also helpful for getting success in BlogoSphere. Because without any reader or subscriber a blog in nothing. These readers help us to build the email subscription list and makes our blog’s ranking better. There are tons of method to build the email subscription list and here I’m going to share the one of the best method to increase your email subscribers. So, we will use the new “Efficient Email Subscription” widget to boost your subscribers. Basically, This is the attractive widget which will attract your readers to subscribe you. The best place of adding this widget in below every post. So this will be added below the every post of your blog. We have not used any heavy web developing language like JavaScript to build this but we’ve used HTML and CSS3 to make this fancy and simple widget. This widget contains of a title, little description, enter email address text area and a dashing subscribe now button with hover effect. However, This widget is working fine on every internet browser, we’ve checked it and you don’t need to worry about that. After telling you something about that subscription box, you might be wanted to install this in your blog. So, friends what are you waiting for? Let’s add this great widget in your blog and boost your subscribers.

Adding Efficient Email Subscription Box In Blogger

• As usual go to blogger–>Template–>Edit HTML
• Search for <data:post.body/> in your blogs HTML
• Now copy and paste below code just after it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.mtc-newsletter-box {width:500px; height:222px; background:#f5f5f5; border:10px solid #ABABAB;padding:5px;}
.mtc-newsletter-box h1{font-size:20px; font-weight:bold; color:#444; text-align:center;}
.mtc-newsletter-box p{font-size:16px; font-family:georgia; text-align:center;line-height:25px;}
.mtc-newsletter-box input{background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw-1E_2pis2Gk1ceL-Mk8-vsoRd6Ec5GaehaSTyPIVllywEg0cY2_pvYt02VQbLwtIMTKUEMqHSEpJgigbSN4H_mhOtF3PIfDwH92lJmb2TkhXW9QLEPFGfcMfnjUqFKP8UzzWPOqtJCpL/s1600/subscribe-email.png) no-repeat right;font-family: Georgia, Times, &quot;Times New Roman&quot;, 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; 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; box-shadow:2px #ABABAB;}
.mtc-newsletter-box .submit{background:#ABABAB;}
.mtc-newsletter-box .submit:hover{background-color: #444;border: 1px solid #444;color: white;text-decoration: none;}
</style>
<div class='mtc-newsletter-box'>
<h1>Join Our Email Newsletter Now!</h1>
<p>Join over 1,000 people who get free and fresh content delivered automatically each time we publish.</p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Feed Burner ID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div align="center">
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/><input name='uri' type='hidden' value='Feed Burner ID'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submit' type='submit' value='Subscribe Now!'/></div>
</form><a href="http://www.makingdifferent.com" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio7oeqIKysIvFCrCW4nXIIEkLwDxbCgO7V1WSwLUhLFoLYDF8Gzr8oRF2hgUbHcAEsf9lQxqdEOHtxR-vwtFCLDJCpFcVY8f7N_v-zmqO5SfFuVbPc3VJHxyGypM-LQY3nYiWvlp-5RN4/s1600/blank.png" /></a><a href="http://www.mytechcafe.com" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio7oeqIKysIvFCrCW4nXIIEkLwDxbCgO7V1WSwLUhLFoLYDF8Gzr8oRF2hgUbHcAEsf9lQxqdEOHtxR-vwtFCLDJCpFcVY8f7N_v-zmqO5SfFuVbPc3VJHxyGypM-LQY3nYiWvlp-5RN4/s1600/blank.png" /></a></div></div>
</b:if>

Replace above red colored text “Feed Burner ID“ with your Feed burner ID
Finally save the template and you have done!

Last Words

So friends, This was our email subscription box which will boost your email subscribers. I hope will like it and if are facing any problem then leave the comments below. One thing I want to tell you that, If you want to share this widget on your blog then you must link back us as credits. Please respect our efforts and I hope you understand.