© Don't Republish Any Article Of This Site √

30 April, 2013

Add an Efficient Email Subscription Box In Blogger


SOCIALIZE IT →
Efficient Subscription Box
We previously discussed about Social Content Locker widget which was really great and here I've come with a great email subscription box that can boost your email subscribers and will build your audience. This widget is neat clean, attractive that can make more subscribers, simple and it is build with HTML and CSS3. This widget shows the title, litter description, enter email address box and a dashing subscribe button with hover effect. The great place of adding this widget in your blog is below every post because there it will get more subscribers, So we'll add this widget below your blog's every post. This subscription box is working fine in all browsers we've checked it fully.

Credits

This widget is totally developed by MyTechCafe.Com's developer and we're giving this premium widget to you for free. So please respect our efforts and don't remove the credit link in it. If you want to share this widget on your blog then you must have to link back us or mention us in your post. Thanks.

How To Add an Efficient Email Subscription Box In Blogger?

As I told you that the better place for adding this widget in your blog is below every post, So in the below tutorial, we're going to add this widget below every post. Let's start it.
  • Go To Blogger >> Template >> Backup Your Template
  • Click Edit HTML, Click Anywhere in the coding box to Active it.
  • Now Press CTRL+F and Find The Below Code.
<data:post.body/>
  •  Paste The Following Code Below Above Searched Code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <center>
  <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/AVvXsEiE8nPY-zI0Irl-gK6MLOyeMIPlYVasXVrNUq5nW3gRR1m5fjEpe05WGtwV_iWYyRNImgKwfi0thUvLXoPwbI4f0MDEO8niIkv6XTR8RHz1FlmZYTmEXFGcOpzGc_CZ6AANDQzxfIvSknaF/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=MyTechCafe&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><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='MyTechCafe'/>
<input name='loc' type='hidden' value='en_US'/>
  <input class='submit' type='submit' value='Subscribe Now!'/>  </center>
  </form>
<!--Please Don't Remove The Credit Link -->
<div style='float:right; font-size:10px; font-family:sans-serif; text-decoration:none;'><a href='http://www.mytechcafe.com/2013/04/efficient-subscription-box-for-blogger.html'>Get This Now!</a></div>
  </div>
  </center>
      </b:if>

  • Replace MyTechCafe With Your Feedburner Username Two Times.
  • Save Your Template & You Have Done !
  • That's All! 

Last Words

So friends, This was our an efficient email subscription box that can build your email subscribers. This is my first creation which I've shared with you but friends, Please don't remove the credit link it in. It took about 4 hours to develop and I hope you are understanding. Stay connected with us for more resources and Take a lot of care of you and you family. Good Bye.

0 comments:

 

Ranking

Recent Comments

Recent Comments Widget

Recent Posts

Copyright © 2012-2013. All Rights Reserved | My Tech Cafe | Designed By

Home | Contact Us | About Us | Privacy Policy |Top