Welcome to NewEstr here will Find all new widget and template blogger and Latest News seo and facebook ......
Popular Posts
-
Can you really earn money online? You can hear people ask this question more than once. The good news is, yes you can and anyone... -
If you are looking to make money from Facebook, then you are not alone. There are millions of people who spend hours a day on Facebo... -
The Mobile web is growing at a pretty rapid pace, and is becoming more and more significant, especially in terms of search traffic... -
Increasing and spreading everyday idea of doing shopping and buying online, thus increasing competition between online shopping sites pr... -
Many people who write blogs today simply want to share their opinion on something. But then there are the business-minded folks, ...
-
Computer experts believe it is no longer at the moment clear boundaries separating smartphones and multimedia phones traditio... -
The development in the field of information technology has made possible numerous things that were impossible in the past. Phones t... -
There are lots of lots of different ways to earn money online, using ‘get paid to’ programs. Microworkers is a program where you get ...
-
Do you already heard the term "IMEI" or read about it in one of the topics related to mobile phones ? , Well in this post ... -
Social networking sites has changed the way we communicate with our family, friends and relatives. The same kind of affect is on blogs...
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.
