Thursday, March 7, 2013

Stylish Email Subscription Widget For Your Blogger

Now i share a stylish big email subscription widget for your blogger. This widget attract peoples and increase your subscription rate. You can add this widget simply in to your blogger. Follow this post and instructions and add it in to your blog.

Select Layout option.

Click on Add gadgets

Select HTML/JavaScript from list.

Copy below code and paste in HTML/JavaScript box.

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVM45Enimue3_iXGOwme9YAMoiszLG6Ej0CGPGW6V_nQjlU1QkneyYUmtybTsCunyFXnP_xRFvunkUsU-MeAOVeFHRxkDGDKKW0hb5kcKOUAIN2OSM-qwfbTWnDq2JQJKNhMcIppiws8A/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 Updates.</div>

<form action="http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-USERNAME" 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>

</div>