Two Simple Email Subscription Widgets for Blogger blog

Hi friends, I am back with Cool Simple Blogger Email Subscription widgets. Email Subscription widget plays major role in generate traffic from readers. If anyone visit your site they see the email subscription box and add his Email ID and subscribe it. If you publish new posts then Email sends to the subscribers then readers visit your blogs regularly. I mainly used two different kinds of Email Subscription widgets on my blogs. I share this Code to you.

Simple Email Subscription Widget V1.0

This widget is looking cool. When the readers easily saw this widget. I use this widget on this blog. Many of my friends ask me this widget code. First time I share it to you.
Two Simple Email Subscription Widgets for Blogger blog 1
Live Demo present on this page Sidebar
Step 1: Log In to your Blogger account.
Step 2: Go to Layout.
Step 3: Click Add a gadget.
Step 4: Click HTML/JavaScript in pop-up window.
Step 6: Add your feed burner ID on the highlighted code below.

<h2>Get Our Newsletter Free!</h2>

<form style=”background-color:#0091d6; border:2px solid #000;padding:3px;text-align:center; border-top-left-radius: 15px; border-top-right-radius: 15px;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=techwar24’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><p style=”color:#FFFFFF; font-size:16px;”><b>Subscribe To Our News Letter.<br />Its Free.<br />Enter Your E-Mail Address:</b></p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”techwar24″ name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” style=”cursor:pointer;” /></form>

Step 7: Copy the above code and paste it in HTML/JavaScript box.
Step 8: Done. Save the widget.

Simple Email Subscription Widget V2.0

Similar to above widget. This widget also plays major role to get readers. I use this widget on my Wrestling blog www.wwe.thetechwar.com
Two Simple Email Subscription Widgets for Blogger blog 2
Step 1: Log In to your Blogger account.
Step 2: Go to Layout.
Step 3: Click Add a gadget.
Step 4: Click HTML/JavaScript in pop-up window.
Step 6: Add your feed burner ID on the highlighted code below.

<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 News Directly to your Inbox.</div>

<form action=”http://feedburner.google.com/fb/a/mailverify?uri=PWFellas” 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>

Step 7: Copy the above code and paste it to HTML/JavaScript box.
Step 8: Done. Save the widget.

Final Words:

Don’t miss to use this widget on your blog. If you like my widgets then add your email ID in Sidebar Subscription. I trust you. I never make spam. Thanks to visit thetechwar.com.

Add a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.