Subscription Box for blogger



Check Demo Below:


Subscribe To Get FREE Tutorials!


Add it to Blogger

Ralated:  Free Premium Templates
  • Go to Blogger Dashboard >> Template >> Edit HTML
  • Backup your template
  • Check the "Expand Widget Template" box
  • Search for this,

<data:post.body/>

  • Past Below code after
<style>#ttw-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#736AFF));;border:1pxsolid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #736AFF)}#ttw-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}#ttw-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}#ttw-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #FFFF00) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}#ttw-sub-box .submit:hover{background: -moz-linear-gradient(center top , #FF00FF, #205F0D) repeat scroll 0 0 transparent}#ttw-sub-box .submit:active{background: -moz-linear-gradient(center top , #FF00FF, #205F0D) repeat scroll 0 0 transparent}</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='ttw-sub-box'><h1>Subscribe To Get Free Tutorials!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tutorialwayz&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='tutorialwayz'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div> </b:if>

  • Now need to make changes
  • on all highlight blue area add there your own name ( Subscribe To Get Free Tutorials! )
  • on all highlight green area add your feedburner username (tutorialwayz)

  • You Can Also add it to in only one page or more.
  • in which page you want to add so add the sricpts only and change username make sure your add this in html mode.
I hope you enjoy this. IF you have problem please comment.

Subscribe To Get FREE Tutorials!

    TTW Comments
    Facebook Comments

0 comments:

Post a Comment