Beautiful Look Email Subscription widget for Blogger

It is a need to put an email subscription Widget to a blog. It helps to build a good traffic for a website because readers can easily read your all future updates. Putting a beautiful email subscription widget in a blog/website enhances overall looks also.
Recommended Post : Learn how to Place Email Subscription box below every Post

Blogger Email Subscription Gadget
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 –

Follow these steps to add this Gadget into your Blogspot blog.
  • 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 == &#39;&#39;) {this.value = &#39;your name…&#39;;}” onfocus=”if (this.value == &#39;your name…&#39;) {this.value = &#39;&#39;;}” value=”your name…” />

<input class=”txt2″ name=”email” onblur=”if (this.value == &#39;&#39;) {this.value = &#39;your email address…&#39;;}” onfocus=”if (this.value == &#39;your email address…&#39;) {this.value = &#39;&#39;;}” 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

Your email address will not be published. Required fields are marked *