Attractive Feed Subscription Form Widget For Blogger

This is a Cool Rss Subscribe box. Actually  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.
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