5 Stylish email subscription Boxes For blogger

Hey Pak Blogger Come with 5 stylish subscription box for blogger. subscription box mean the box in which you put your email and get news latter as author post any post on blogger you get an email with that post post.

How to setup Email Subscription Weidgit into blogger

1. Go to blogger sinin and then in dashboard click on layout

2. then click on ad gadget.
3. then select html /javascript.
4. in that box paste following code.

1. Email subscrition Box For blogger

[html]<link href=’http://fonts.googleapis.com/css?family=Open
+Sans:300italic,400italic,600italic,400,300,600,700′ rel=’stylesheet’ type=’text/css’/>
<div id=’byard-emailsubsocial’>
<div class=’heading’>
Sign Up in Seconds
</div>
<p>Sign up with your email address to receive hot updates straight in your inbox.</p>
<div class=’emailsub’>
<form action=’http://feedburner.google.com/fb/a/mailverify’
method=’post’target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=hindblogger‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”>
<input type=’text’ name=’name’ placeholder=’Your Name’ />
<input type=’text’ name=’email’ placeholder=’Your Email’ />
<input type=”hidden” value=”BloggerYard” name=”uri”/>
<input type=”hidden” name=”loc” value=”en_US”/>
<input value=”Sign Up Now!” class=”button” type=”submit” /></form>
</div></pre>
<p id=’credits’>Powered By : <a href=’http://www.bloggeryard.com’>Blogger Yard</a></p>

</div>

#credits {
margin: 0 auto!important;
margin-top: -10px!important;
width: 160px;
}
</style>
<pre>[/html]

2. Email subscription box for blogger

[html] <style type=’text/css’>#sidebar-subscribe-box {
background: url(http://1.bp.blogspot.com/-

IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/s1600/colored-strip.png) repeat scroll 0 0 transparent;
border: 1px solid #aaa;
border-radius: 3px;
padding: 3px 0;
}
.sidebar-subscribe-box-wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdr_e-3KUe6FT-iAeVSQPqn-dPo49f8dxXDtb_pJlXItfM3wRVRIIdpRvHYnH3VQSqFpnWt_P8zmvqDxW60TI1R9k0TMiKETD3SH7rW4_AYr3beKrWO5Aj9tQBwVwWbfQr4M5GYIJ_Utx/s1600/bg-

pattern.png) repeat scroll 0 0 #f7f7f7;
color: #111;
font-size: 14px;
line-height: 20px;
padding: 1px 20px 10px;
text-align: center;
text-transform: uppercase;
}
.sidebar-subscribe-box-form {
clear: both;
display: block;
margin: 10px 0;
}
form.sidebar-subscribe-box-form {
clear: both;
display: block;
margin: 10px 0 0;
width: auto;
}
.sidebar-subscribe-box-email-field {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #fff url(http://1.bp.blogspot.com/-

JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px;
border: 1px solid #ccc;
border-radius: 4px;
color: #444;
margin: 0 0 15px;
padding: 10px 40px;
width: 68%;
}
.sidebar-subscribe-box-email-button {
background: #09f;
border: 1px solid #007fff;
box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;
color: #fff;
cursor: pointer;
font-family: verdana;
font-weight: 700;
padding: 10px;
text-shadow: 1px 1px 0 rgba(0,0,0,.4);
text-transform: uppercase;
width: 100%;
}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus {
background: #1ca4ff;
}
.sidebar-subscribe-box-email-button:active {
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
outline: 0;
}
iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {
width: 100%;
}
embed {
border-radius: 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #FFF;
border: 1px solid #ddd;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
margin: 0;
padding: 4px 4px 4px;
}
#footer-section {
background: #f5f5f5 url(http://1.bp.blogspot.com/-

n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left;
border-top: 1px solid #aaa;
box-shadow: inset 0 4px 6px -3px #aaa;
font-family: cambria;
font-size: 14px;
height: 100px;
margin: 10px -30px 5px;
padding: 0 30px;
text-align: center;
width: 100%;
}</style>
<div id=”sidebar-subscribe-box”><div class=”sidebar-subscribe-box-wrapper”><p>Subscribe to our email

newsletter & receive updates right in your inbox.
</p><div class=”sidebar-subscribe-box-form”><form action=”http://feedburner.google.com/fb/a/mailverify?uri=hindblogger”
class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open

(‘http://feedburner.google.com/fb/a/mailverify?uri=hindblogger‘,
‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” target=”popupwindow”>
<input name=”uri” type=”hidden” value=”labstrike” /><input name=”loc” type=”hidden” value=”en_US” />
<input class=”sidebar-subscribe-box-email-field” name=”email” autocomplete=”off” placeholder=”Enter your

email address :)”/>
<input class=”sidebar-subscribe-box-email-button” title=”” type=”submit” value=”Subscribe Now!” />
[/html]

3. Email subscription box

[html]<style type=”text/css”>
#LS-Newsletter4-Box {
background: url(http://1.bp.blogspot.com/-

65PvPzNlUCo/UEEijEFGUdI/AAAAAAAALTI/5UGflvDEMJ8/s1600/Newsletter-5.png)no-repeat scroll center center

transparent;
height: 299px;
width: 408px;
}
form#LS-Newsletter4-Form {
display: block;
margin: 0;
padding-left: 71px;
padding-top: 63px;
}
form#LS-Newsletter4-Form #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 28px;
margin-top: 37px;
vertical-align: top;
width: 275px;
outline:0px;
position: relative;
left: -25px;
}
form#LS-Newsletter4-Form #d {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 28px;
margin-top: 38px;
vertical-align: top;
width: 275px;
outline:0px;
position: relative;
left: -25px;
}
form#LS-Newsletter4-Form #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 43px;
position: relative;
left: -36px;
top: 25px;
width: 144px;
border-radius: 5px;
}

</style>
<div id=”LS-Newsletter4-Box”>
<form id=”LS-Newsletter4-Form” action=”#” method=”post”>
<input id=”d” name=”name” value=”Enter Your Name”
onfocus=’if (this.value == “Enter Your Name”) {this.value = “”}’
onblur=’if (this.value == “”) {this.value = “Enter Your Name”;}’/>
<input type=”email” id=”s” name=”email” value=”Enter Your E-Mail”
onfocus=’if (this.value == “Enter Your E-Mail”) {this.value = “”}’
onblur=’if (this.value == “”) {this.value = “Enter Your E-Mail”;}’/>
<input type=”image” src=”http://3.bp.blogspot.com/-D4DL8TMRtd0/UCuQt-

AVn3I/AAAAAAAAJz8/K1sjzXIxyQk/s1600/blank.gif” id=”sbutton”/>
</form>
</div>

[/html]

4. Email subscription box

[html]<style>
#responsiveness {
padding: 15px 25px 20px;
line-height: 35px;
text-align: center;
background: none repeat scroll 0% 0% #1E1E1E;
margin: -15px;
border-radius: 3px;
}
#responsiveness h5 {
font-size: 17px;
font-weight: 700;
font-family: ‘PT Sans’,sans-serif;
color: #FFF;
padding: 0px;
text-transform: uppercase;
line-height: 1.2;
margin: 10px 0px 15px;
letter-spacing: 0.01em;
text-align: left;
}
input.placer {
color: #333;
padding: 15px;
font-size: 14px;
font-family: PT Sans,sans-serif;
border: 1px solid #EEE;
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
margin: 10px auto 0px;
border-radius: 3px;
width: 89%;
}
input.button {
background-color: #BA1A00;
color: #FFF;
font-weight: 400;
cursor: pointer;
border-radius: 4px;
text-transform: uppercase;
font-family: PT Sans,serif;
padding: 10px 15px;
border: medium none;
font-size: 16px;
width: 100%;
margin: 15px auto 0px;
}
input.button:hover{
background: #FFF;
color: #333;
}
</style>
<link href=’http://fonts.googleapis.com/css?family=PT+Sans:400,700′ rel=’stylesheet’ type=’text/css’/>
<div id=’responsiveness’>
<p style=” line-height:0px; font-size:7px; font-weight:bold; text-align:right”><a style=”color:#D3D3D3;” href=”http://www.hindblogger.com”>widgets</a></p>
<h5>Hume Email Par Subscribe Kare</h5><form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=hindblogger‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=550′);return true”>
<input class=”placer” type=’text’ name=’email’ placeholder=’enter your name’ />
<input class=”placer” type=’text’ name=’email’ placeholder=’enter your email id’ />
<input type=”hidden” value=”supportmeindia” name=”uri”/>
<input type=”hidden” name=”loc” value=”en_US”/>
<input value=”Subscribe Now” class=”button” type=”submit” />
</form>
</div>[/html]

5. Email subscription box

[html]<div class=”subscribe_outer”>
<div class=”subscribe_wrapper”>
<p>Subscribe our Newsletter and receive Free Updates and Tutorials right in your Inbox.</p>
<div id=”btntEmailsub”>
<form class=”btntEmailform” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=hindblogger‘, ‘popupwindow’, ‘scrollbars=yes,width=300,height=520’);return true” method=”post” action=”http://feedburner.google.com/fb/a/mailverify”>
<input type=”hidden” value=”The-Area51″ name=”uri” />
<input type=”hidden” value=”en_US” name=”loc” />
<input class=”emailText” type=”text” value=”Enter your email…” onfocus=”if (this.value == ” enter your email…”) {this.value=”” }” onblur=”if (this.value == ” “) {this.value=”enter your email…” ;}” name=”email” />
<input class=”emailButton” type=”submit” value=”Signup Now!” title=”” />
</form>
</div>
</div>
<style>
body { color: #000000; font-family: Georgia,”Times New Roman”,Times,serif; }
.sidebar .subscribe_wrapper h5 { color: #888888; }
.sidebar h5 { color: #888888;
font-family: “Droid Sans”,”Lucida Grande”,Tahoma,sans-serif; font-size: 20px;
font-weight: normal; padding: 0px 0 10px; }
h5, h6 { letter-spacing: 2px; text-transform: uppercase; }
.sidebar .subscribe_wrapper h5 { color: #000000; }
.sidebar h5 { color: #000000;
font-family: “Droid Sans”,”Lucida Grande”,Tahoma,sans-serif;
font-size: 20px; font-weight: normal; padding: 4px 0 10px; }
h5, h6 { letter-spacing: 2px; text-transform: uppercase; }
.subscribe_wrapper { color: #000000; font-size: 20px;
line-height: 20px; padding: 38px 50px 18px 38px; }
.emailButton {
background:
-moz-linear-gradient(center top , #ffffff 0%, #249334 100%) repeat scroll 0 0 transparent;
border: 1 none; border-radius: 4px 4px 4px 4px; color: #333333; cursor: pointer;
font-family: “Droid Sans”,”Lucida Grande”,Tahoma,sans-serif;
font-weight: bold; padding: 10px 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
width: 100%; }
.emailText {
background:
url(“http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-theme/email.png”) no-repeat scroll 10px center #FFFFFF;
border: 2 none; border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
color: #444444; margin: 0 0 15px; padding: 10px 40px;
text-decoration: none; width: 60%; } input,
textarea { font-family: Georgia,”Times New Roman”,Times,serif; }
.subscribe_wrapper { color: #000000; font-size: 16px; line-height: 20px; }
.post-body .emailButton { width: 300px; }
.emailButton { background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent; border: 0 none;
border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer;
font-family: “Droid Sans”,”Lucida Grande”,Tahoma,sans-serif;
font-weight: bold; padding: 10px 40px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); width: 100%; }
</style>
[/html]