if we hope to increase our Rss, we must have
good article with attractive subscription gadget.
Therefore visitors force to subscribe via Rss
because they can get quality articles via emails.
Earlier I posted about How To Add Search
Box With Subscriber Gadget For Blogger
1. Log in to blogger Design > Page Element.
2. Click Add Gadget and select 'HTML/Javascript
3.Now Paste One of below code style as your like
Style 1
<style type="text/css">
#btrix-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpNvJA9TsEzNZXoDV4WY1FmOLxkh0DKCiV8m7HG47RyeE9KT91tYctG-qx6Zpaaa2rIZk1EjFgaC-vIM20M9GH0wepBB5R4e82x0RenzPEdkqufhRJ6_Xd6FKz0Knt7HbT3OqtBHP2iSx/s1600/btrix-red.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#btrix-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#btrix-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#btrix-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="btrix-emailbox">
<form id="btrix-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="bloggertrix" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "enter your e-mail here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "enter your e-mail here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Style 2
<style type="text/css">Style 3
#btrix-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyRjVTW1FcgoWyJJiDKhwn69knUxIrJ_h1g9dtbh4HeutqzLXSxIMFFj2eIdwgm6s3_mufLvx9W_KGPG40jw0-J0hraSmlsr-qmHnKyQgDNMX_0NEl51RdRN4-b23qk-fNFmknvr8Xa_kR/s1600/btrix-silver.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#btrix-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#btrix-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#btrix-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="btrix-emailbox">
<form id="btrix-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="bloggertrix" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "enter your e-mail here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "enter your e-mail here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
<style type="text/css">
#btrix-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1bMWzPoKRChaAml7zSOvyLdYySkPayAQu5ZXaL3R0s4_gxZdf__tcmRd6wi7SuvSqLlzCu1gpY1ufjV5DGY2tg4fgLsRrtob1jZFmLMNSBd5x3VocpTn7KKXs8R9uMZHKwFlHRYtZiOH_/s1600/btrix.blue.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#btrix-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#btrix-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#btrix-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="btrix-emailbox">
<form id="btrix-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="bloggertrix" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "enter your e-mail here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "enter your e-mail here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
After paste one of above code
* Replace bloggertrix with your feedburner name
4. Now save your HTML/Javascript'.
You are done...
No comments:
Post a Comment