This Tutorial will help you to add beautiful
subscribe box for your blogger.This is WordPress
style.You can add this subscribe box to end of
the post.So, you can add this easily.Follow this
steps.Old post about Rss Subscription box. here



   Demo


1. Log in to blogger account and Click drop down.
2. Now select "Template" Like Below.


3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.

5. Put checked marked in Expand Widget Templates
   
6. Find this tag by using Ctrl+F    ]]></b:skin>

7. Paste below code Before ]]></b:skin> tag

#Subscribe{background:#D00 url(https://lh4.googleusercontent.com/-rlmc0ojAP6w/UEBbz7z4kvI/AAAAAAAABAU/YuSXNdMxB6U/s72/email.png) no-repeat 98% center;border-radius:5px;box-shadow:0 0 30px #600 inset;height:100px;margin:5px auto 0;padding:10px;width:700px;}
#Subscribe .Arrow{background:url(https://lh6.googleusercontent.com/-GpemTsHpc4w/UEBbgb44xHI/AAAAAAAABAE/mDTUyfvnksg/s72/Left.png) no-repeat;float:left;height:70px;margin:0 0 0 10px;width:80px}
#Subscribe form input.Text{background:#FFF;border:1px solid #800;border-radius:5px;box-shadow:0 0 5px #600 inset;color:#333;float:left;padding:5px 10px;width:145px}
#Subscribe .headline{color:#FFF;font-size:24px;margin:5px 0 0 60px}
#Subscribe table{margin:10px 0 0 100px;}
#Subscribe form input.Button{background-color:#148314;background-image:url(http://lh4.googleusercontent.com/--9RbYGLhmI8/UAp2hm47JEI/AAAAAAAAAxI/t_neer3k3IM/s36/Subscribe.png);border:1px solid #7a7a7a;border-radius:5px;color:#fff;padding:5px 10px;position:relative;width:125px}

6. again Find this tag by using Ctrl+F    <data:post.body/>

7. Paste below code after <data:post.body/> tag

<!--NewsLetter Starts-->
<div id="Subscribe">
<p class="headline">Subscribe Updates, Its FREE!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' 
onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?
uri=bloggertrix&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,
height=520&apos;);return true' target='popupwindow'> <table><tr><td><td>
<input name='Name' onblur='if (this.value == &quot;&quot;) 
{this.value = &quot;Enter Your Name&quot;;}' onfocus='if 
(this.value == &quot;Enter Your Name&quot;) {this.value = &quot;&quot;;}'
 class="Text" type='text' value='Enter Your Name'/></td><td><input name='email'
 onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email&quot;;}'
 onfocus='if (this.value == &quot;Enter Your Email&quot;) {this.value = &quot;&quot;;}'
 class="Text" type='text' value='Enter Your Email'/> <input name='uri' type='hidden'
 value='bloggertrix'/><input name='loc' type='hidden' value='en_US'/></td><td><input type='submit' class="Button" value='Subscribe Now'/></td></tr></table></form>
</div>
<!--NewsLetter Ends-->

Replace bloggertrix with your feed name

11. Now save your template.

    You are done...

Related Posts

• Increase Traffic By Solving Problems
• How To Add Google News Widget To Blogger
• Best practices to help Google find, crawl, and index your site
• Stylish Rss Subscription Box For Blogger
• Attractive Rss Subscribe Box For Blogger
• TOP PAYING HOSTING AND DOMAIN NAMES KEYWORDS 2012
• Top 5 Ways To Create Conversions with Hangouts On Air
• Add Facebook Recommendations Bar To Blogger
• jQuery Popup For Facebook LikeBox to Blogger
• The 3 Key Steps to Increasing Web Traffic
• 7 Reasons Why You CAN’T Make Money Blogging
• Blogger Tip: Importing Your Blog

***