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