Recommended Post : Learn how to Place Email Subscription box below every Post
 |
| Cool Email Subscription Box |
There are many Email Subscription Widget. I have also shared Some other Blogger Widgets from where you can find many Email Subscription gadgets and this one is also another good looking email subscription widget. it is easy to install and one can easily uninstall this also.
Learn : How to activate Email Subscription in Blogger
How to Install This Cool Email Subscription Gadget –
- Go to Blogger Dashboard
- Click on Layout
- Click on add a Gadget
- Select an HTML/JAVASCRIPT widget
- Paste the following Code and Change a1bloggerseo with your own Feedburner id . Click on Save You are Done.
<style>#feature_box{background:#f0f4f4;
border-bottom: 1px solid #D4D4D4;
padding:10px 15px 0px;}
#sleek-subscribe{display: block;
margin:0 auto; }
.newsheadline {
color:#222;
font-size:16px;
line-height:50px;
float:left;
font-weight:bold;
}
.newsheadline span{font-size:38px;
color:#444;
line-height:14px;
font-family: “Droid Sans”,arial,sans-serif;
font-weight:normal;
}
.newsheadline cite{font-style:normal;
color:#f00;
}
.signform{
background:url(‘http://2.bp.blogspot.com/-pmwi3N35m3Q/TzkvFHQmYwI/AAAAAAAACsI/PSbhHqz7rZ4/s1600/arrow.jpg’) no-repeat;
padding:0 0 10px 100px;
float:right;
}
.txt2, .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;
}
.btn2, .btn2:focus {
background:#E36B0A;
margin:0 5px;
padding:8px 10px 9px;
border:1px solid #AD5513;
color:#fff;
font-size:15px;
border-radius:10px;
}
.btn2:hover{
background:#6689b0;
}
</style>
<div id=”feature_box”>
<div id=”sleek-subscribe”>
<div class=”newsheadline”><span>Sign up</span> for <cite>FREE</cite> daily Tips Directly to your Inbox.</div>
<form action=”http://feedburner.google.com/fb/a/mailverify?uri=a1bloggerseo” class=”signform” method=”post” target=”_new”>
<input class=”txt2″ name=”name” onblur=”if (this.value == '') {this.value = 'your name…';}” onfocus=”if (this.value == 'your name…') {this.value = '';}” value=”your name…” />
<input class=”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=”btn2″ value=”subscribe me!” type=”submit” />
</form>
<div class=”clear”></div>
</div>
</div>
In Case If there is any issue Feel free to ask. Thank u..
Leave a Reply