Friday, 1 August 2014

how to add an email subscription box below blogger posts

In my last tutorial, i shared a beautiful email subscription box. In this post, i am going to tell you that how you can add a beautiful email subscription

How to add?

Follow these steps to add this beautiful widget to your blog
  • Log in to your blogger dashboard.
  • Go to Template ==> Edit html.
  • Find the following code (use Ctrl+f)
< data:post.boady/>
  • Copy the following code and place it just after the above code.
< div style="background: url( no-repeat scroll center top transparent;width:650px; height: 2px; overflow: auto;">
<div style="margin-left:-28x;">
<b><center><h3>Dont Miss Another Post Connect With Us</h3></center>
<div style="font-family: Century Gothic, sans-serif;Font-Size:12px;"><center> Get informed when we publish the new post.So, you have to subscribe below</center></div>
<img src="" style="padding: 10px 10px 20px 0px;margin: -50px 10px 20px 0px;" align="left">
<div class="widget-content">
<form action="" method="post" onsubmit="'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="text-align: center;" target="popupwindow">
<p><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;;}" style="width: 230px; border: 1px solid rgb(204, 204, 204); padding: 5px; font-size: 10px; color: rgb(67, 67, 67); font-weight: bold;" value="Enter your email address" type="text"><input name="uri" value="fantasysurf" type="hidden"><input name="loc" value="en_US" type="hidden">
<input class="hb-buttons" value="Subscribe" type="submit"></p><p>
<a href="" target="_blank"></a></p></form>
<p><a href=""><img alt="" src=";fg=444444&amp;anim=0&amp;label=listeners" style="border: 0pt none;" height="26" width="88">
<div style="background: url( no-repeat scroll center top transparent;width:650px; height: 2px; overflow: auto;">

  • Change the high lighted parts.
  • Click on save.
<b:if cond='data:blog.pageType == "item"'>< b:if cond='data:blog.pageType != "static_page"'> <style> .wcmain-email {background:#dcdcdc; padding:10px; border:1px solid #dcdcdc; width:430px; margin-top:20px; } .input-widget { float:left; margin-left:30px; margin-bottom:10px; font:16px arial; height:30px; width:250px; } .submit-widget { font:18px arial;;background:#111111; color:#dcdcdc; border:none; margin-left:10px; height:30px; } .submit-widget:hover { color:#ffffff; } .widget-text { font:20px tahoma; margin-top:5px; color:#000000; }< /style>< div align="center">< form class="wcmain-email" action="" method="post" target="popupwindow" onsubmit="'', 'popupwindow', 'scrollbars=yes,width=550,height=525');return true"><p class="widget-text">Get free tips in your inbox !</p><p><input type="text" class="input-widget" name="email" onblur='if (this.value == "") {this.value = "Enter Your Email";}' onfocus='if (this.value == "Enter Your Email") {this.value = ""}' value='Enter Your Email'/></p><input type="hidden" value="Techlosoft" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" class="submit-widget" /></form>< /div>< /b:if></b:if> - See more at:

Sifiso Nkwanyana

Author & Editor

I hope you have recieved all the information you seek and thank you once more for browsing our website we hope to hear from you soon.


Post a Comment

Although every comment is appreciated, due to time limitations I might not be able to respond to everyone. Keep it in mind that we respect all comments by our readers but all spam comments and spam links will be deleted. Thanks for understanding!