email subscription to blogger
- Go to Blogger > Design > Page Element
- Add a Gadget Below Header
- Choose HTML/JavaScript Gadget
- Paste the Following Code in Gadget
<style type="text/css">
#pbt_feature_box{background:#f0f4f4; border-bottom: 1px solid #D4D4D4; padding:10px 15px 0px; height:55px;}
#pbt_sleek-subscribe{display: block; margin:0 auto; }
.pbt_newsheadline {color:#222; font-size:15px; line-height:50px; float:left; font-weight:bold;}
.pbt_newsheadline span{font-size:38px; color:#444; line-height:14px; font-family: "Droid Sans",arial,sans-serif; font-weight:normal;}
.pbt_newsheadline cite{font-style:normal; color:#f00;}
.pbt_signform{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vQrzIrpPbN3-RxV2Qrufkh4MR8vaWoEmVpB9MwZzx4NVgMEH79U7V09cAVXVCTtrH7heWRm7_I5sb1iXwcAIqPd9MGXhIDh8r2Q8mhuKmlZUc0KTnLfaaB_jgHk5tIxj1bh7UfNS3HLq/s1600/arrow.jpg') no-repeat;padding:0 0 10px 100px; float:right; }
.pbt_txt2, .pbt_txt2:focus{width:140px; font-size:15px; background:#f7f7f7; color:#004B80; border:1px solid #E36B0A; margin:0 5px; float:left; padding:10px; width:160px; border-radius: 10px;}
.pbt_btn2, .pbt_btn2:focus {background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #AD5513; color:#fff; font-size:15px; border-radius:10px;}
.pbt_btn2:hover{background:#6689b0; }
</style>
<div id='pbt_feature_box'>
<div id='pbt_sleek-subscribe'>
<div class='pbt_newsheadline'><span>Sign up</span> for <cite>FREE</cite> daily Updates.</div>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=probloggingtools' class='pbt_signform' method='post' target='_new'>
<input class='pbt_txt2' name='name' onblur='if (this.value == '') {this.value = 'your name...';}' onfocus='if (this.value == 'your name...') {this.value = '';}' value='your name...'/>
<input class='pbt_txt2' name='email' onblur='if (this.value == '') {this.value = 'your email address...';}' onfocus='if (this.value == 'your email address...') {this.value = '';}' value='your email address...'/>
<input class='pbt_btn2' type='submit' value='subscribe me!'/>
</form>
</div>
</div>
replace blue color with urs
0 comments:
Post a Comment