In my previous posts i give you some beautiful social widgets for your blogs but you know blog is not complete without subscribe box . subscribe box is a widget you can use on sidebar and below post to attract visitors as a regular visitors the function of this box is that when your reader subscribe to you then whenever you publish a new post it will directly send to his inbox this is a benefit for which people add these subscribe box widgets to their blogs here the picture of that subscribe box and i also added live demo button so you can easily know more about this widget .
 |
| simple subscribe box below every post |
You can add this box in your blog by follow my simple and easy steps .
Installation:
- Goto blogger dashboard
- Now goto template tab and edit html
- Now expand widget templates
- Then Find <data:post.body/>
- Now add below code just below the <data:post.body/>
<style> /* Subcribe CSS */ .frm-stx-btm {border:1px solid gainsboro ;padding-left:10px;overflow: hidden;background:#F0F0F0;} #email-ui {font-size:25px;margin:10px 0px; } .nam-subeml {display:inline;border:2px solid gainsboro;width:300px !important;height:30px;font-size:25px;color:grey;font-family:Arial, Helvetica, sans-serif;padding:0px 5px 5px 10px;} .nam-subeml:focus {color:black;border-color:#3AA3E9;outline:none; } .inl-9005 p {display:inline !important;} #ui63494 {width:160px;padding:2px;top:-3px;vertical-align:middle;position:relative;border:2px solid #2580D5;background-color:#1B89EE;font-family:"verdana";color:white;font-size:25px;} #ui63494:hover {background-color:#46A6FF; } </style> <div class="subscribe-stx"> <form action="http://feedburner.google.com/fb/a/mailverify" class="frm-stx-btm" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=haseebnetwork', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <div id="email-ui"> Subscribe with Email for updates</div> <div class="inl-9005"> <input class="nam-subeml" name="email" style="width: 140px;" type="text" /> <input id="ui015424" name="uri" type="hidden" value="haseebnetwork" /> <input id="ui03994" name="loc" type="hidden" value="en_US" /> <input id="ui63494" type="submit" value="Subscribe" /> </div> <div id="ui43524"> Get updates from <a href="http://feeds.feedburner.com/haseebnetwork" target="_blank">Haseebnet</a></div> </form> </div>
- Now replace all Haseebnetwork with your feedburner username
- And then Save your template.