Add Header Subscribe Box to Blogger Blog

10:31 PM

In This Tutorial You Will Learn How To Add Header Subscribe Box To Blogger Blog. This Type Of Subscribe Box Is Only Available For Wordpress ...

EmailIn This Tutorial You Will Learn How To Add Header Subscribe Box To Blogger Blog. This Type Of Subscribe Box Is Only Available For Wordpress Blogs. But I Design This Subscribe Box For Blogger Users. Now You Can Also Increase Your Reader Rapidly By Using This Widget. Follow Steps Below To Add This To Your Blog :)
  1. Login To Blogger Account.
  2. Click Blog Title → Template → Edit HTML.
  3. Click Proceed Button.
  4. Search For The Following Code Using Ctrl+F.
]]></b:skin>
  1. Replace The Above Code With The Following Code.
#NewsLetter {width:100%;background:#222;border-top:4px solid #248334}
#Subscribe {width:600px;margin:0 auto;font-weight:700}
#Subscribe input[type="text"]{background-color:#fff;border:1px solid #484848;border-radius:5px;color:#222;height:20px;outline:0;position:relative;-webkit-appearance:none;padding:5px}
#Subscribe input[type="submit"]{background-color:#248334;border-radius:5px;color:#fff;height:30px;position:relative;width:125px;border:1px solid #7a7a7a;background-image:url(http://lh4.googleusercontent.com/--9RbYGLhmI8/UAp2hm47JEI/AAAAAAAAAxI/t_neer3k3IM/s36/Subscribe.png);padding:5px}
]]></b:skin>
  1. Now Search For The Following Code In Template Using Ctrl+F.
<body>
  1. Paste The Code Below After Above Code In Your Template.
<!--NewsLetter Starts-->
<div id="NewsLetter">
<div id="Subscribe">
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tin24h.us&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='padding:3px;text-align:left;width:190px;' target='popupwindow'>
<table><tr><td><input name='fname' 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;;}' style='width:175px' 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;;}' style='width:175px' type='text' value='Enter Your Email'/></td><td>
<input name='uri' type='hidden' value='Tin24h.us'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe Now'/></td></tr></table></form>
</div>
</div>
<!--NewsLetter Ends-->
  1. Replace Tin24h.us With Your Feed Name.
  2. You Are Done And Check Demo On Top Of Page.

No comments: