Hi Guys,Now I'm going to teach you How To Add a Beautiful Email Subscription Box Below Posts.You can see a Screenshot of this widget from above picture.Let's see How To Get This!
Follow These Steps :
2. Tick The Expand Widget Templates Box
3. Press Ctrl+F & Find The Code Below
<data:post.body/>4. Copy the code below and paste it just after <data:post.body/> tag and save your template.
Please Make Sure To Make This Changes
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom,
from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background:
-moz-linear-gradient(top, #333, #1a2638)}
#mbt-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}
#mbt-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;}
#mbt-sub-box .submit{background: -webkit-gradient(linear,
left top, left bottom, from(#369a18), to(#205f0d));background:
-moz-linear-gradient(center top , #369A18, #205F0D) 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;}
#mbt-sub-box .submit:hover{background:
-moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0
transparent}
#mbt-sub-box .submit:active{background:
-moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0
transparent}
</style>
<b:if cond='data:blog.pageType ==
"item"'>
<div id='mbt-sub-box'><h1>Subscribe To
Get FREE Tutorials!</h1><form
action='http://feedburner.google.com/fb/a/mailverify' method='post'
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggerTricksAndTools',
'popupwindow',
'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center>
<input name='email' onblur='if (this.value == "")
{this.value = "Enter Your Email Address...";}' onfocus='if
(this.value == "Enter Your Email Address...") {this.value =
""}' size='30' type='text' value='Enter Your Email
Address...'/> <input name='uri' type='hidden' value='FullSoftwares786'/> <input name='loc'
type='hidden' value='en_US'/> <input class='submit' type='submit'
value='Subscribe'/></center></form></div>
</b:if>
Change FullSoftwares786 With Your Feedburner Title.
Change Subscribe To Get FREE Tutorials! With Your Own Text.
You're Done !
0 comments:
Post a Comment