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/AVvXsEiSZZpqiv8xM68TsI71MIgRor_PkTWI5XoXg5bsZhMz80rBmoZTHT8yW5Ul6K7PioswRO5NiYJKUclaF9HR0r8fw9hQDLWeOIt9fMvK3IgA8R3Lt4PRINm348LJBlWVPz8tEVvkara84M42/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=INFOSOFTone', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="INFOSOFTone" 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">
#btrix-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdwiSRkSpqd5qj5oSU-WNCyFtDsO-U3HtIEmqgTsbve9xVGHpPiikAhkuXMY3fOgbCq4vgnt1o0D5OckzHPE-jZf6DrfzLJFSNzKjlwohLCBiH4LMfDD4kiPOf2ScAQqGhnekYbSg2QOM/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=INFOSOFTone', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="INFOSOFTone" 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 3<style type="text/css">
#btrix-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNfbYCslAvLUoKzx7h87LTDGEA9AJ-_VNmlh5NVVC13is7Az3eFA0ClEEdcVeCdHray2srp9F0O1Dv5vEl88JK3haEFpBNhcbcrrx5ojX0JU5Ho2qg3TTNmYZ2Qy6M-eBup_WHzTbvVUR/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=INFOSOFTone', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="INFOSOFTone" 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 INFOSOFTone with your feedburner name
4. Now save your HTML/Javascript'.
You are done...



No comments:
Post a Comment