Adding a cute Subscription Form Widget for Blogger V3

As recently i posted Adding a cute Subscription Form Widget for Blogger Version 1 and 2 and todays Tutorial You will learn adding a cute Subscription Form Widget V3 To Blog.This Subscribe Box Works In Both Blogger And Wordpress Blogs. Add This Beautiful Subscribe Below The Post.Its increasing your readers now follow steps below to add this To your blog.

Login To Blogger Account.
Click Blog Title > Template > Edit HTML.
Click Proceed Button.
Using Ctrl+F to search for the following

]]></b:skin>

Replace The Above Code With The Following Code.

#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}
#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}
]]></b:skin>

Using Ctrl+F to search for the following

<data:post.body/>

Paste The Code Below After Above Code In Your Template.

<!--NewsLetter Starts-->

<div id="Subscribe">

<p class="headline">Subscribe Updates, Its FREE!</p>

<span class="Arrow"></span>

<form action='http://feedburner.google.com/fb/a/mailverify'  method='post'  onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=SimpleBloggerTips&apos;,  &apos;popupwindow&apos;,  &apos;scrollbars=yes,width=550,height=520&apos;);return true'  target='popupwindow'> <table><tr><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='SimpleBloggerTips'/><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-->