Welcome to NewEstr here will Find all new widget and template blogger and Latest News seo and facebook ......
Popular Posts
-
Increasing and spreading everyday idea of doing shopping and buying online, thus increasing competition between online shopping sites pr...
Add a Simple Stylish Subcription Box To Blogger Blog
Thursday, September 12, 2013
Today
tutorial is about how to add a simple subscription box to your blogger
blog, in my previous post, i have drop a lot of tutorials on how to add a
different customize subscription box to blog. One thing that i like
about this widget was that, it look so simple, and you can implement it
anywhere on your blog. Follow the few steps below on how to add the
widget to your blog.
How To Add The Widget To Your Blog
Copy and paste the code below in the content box
<style>
.rb-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9FPczoxAJE8Nj4RNxiJXgIT2slAupumN77uhUkj3PbqD4cxJiBSqdq8ASqqcFMzEGsOtxYiUNqcqQApzpa4onTzCH3SN1kCDCZgstqeo0k4Q4LpA-pmWcdTeh0uwMp9TBe5e11mQimUY/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.rb-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.rb-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="rb-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=abdelali17', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here...";}" onfocus="if (this.value == "Enter email address here...") {this.value = "";}" value="Enter email address here..." type="text" />
<input type="hidden" value="abdelali17" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="rb-emailsubmit" value="Submit" type="submit" />
</form>
</div>
.rb-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9FPczoxAJE8Nj4RNxiJXgIT2slAupumN77uhUkj3PbqD4cxJiBSqdq8ASqqcFMzEGsOtxYiUNqcqQApzpa4onTzCH3SN1kCDCZgstqeo0k4Q4LpA-pmWcdTeh0uwMp9TBe5e11mQimUY/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.rb-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.rb-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="rb-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=abdelali17', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here...";}" onfocus="if (this.value == "Enter email address here...") {this.value = "";}" value="Enter email address here..." type="text" />
<input type="hidden" value="abdelali17" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="rb-emailsubmit" value="Submit" type="submit" />
</form>
</div>
1.To change your subscription header, edit Subscribe via Email
2. Replace abdelali17 with your feed title/username
3. Click "SAVE TEMPLATE"
abdelali tibicht
name is full abdelali tibicht, my country is morocco, care techniques and the development of blogging, my goal through this blog, is to help bloggers develop their blogs through my modest experience gained during my career blogging can.
Subscribe to Get Free Blogging Tips And Quality Tutorials Straight in Your Inbox.
