Flat Subscription Widget For blogger

Flat Subscription Widget For blogger

The Flat subscription widget for blogger is for the people who wants more genuine readers and good fan following for them. Yes the Subscription widget is an RSS type , which the people will enter their email and subscribe to the updates of the blog. Whenever the user post new content they will get the news on their email immediately.


1) Go to the Blogger and sign in with your account.

2) After going to your Dashboard, you can see this in your blog.

3)  Left to the view blog an arrow is there, after clicking this arrow we get the options like below.

4) Now select the Layout Option as shown in above.

5) Then Click the Add gadget and Select the HTML/Javascript.

6) Now paste this code in that box.
<style>
.hl-email{
background:#F2F2F2;
width:300px;
height:187px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
        border:1px solid #0099cc;
}
.hl-emailsubmit{
background:#0099cc;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
font:15px open sans;
padding:10px 0 10px 0;
width:300px;
}
.hl-emailsubmit:hover{
background:#3bb1d8;
}
.textarea{
padding:8px;
margin:10px 2px 15px 70px;
background:#fff;
border:1px solid #0099cc;
resize:none;
width:210px;
color:#666;}
 
    p {
        Padding:10px 0 0px 0;
        text-align:center;
        font:16px open sans;
        font-weight:300;
    }
</style>
<br />
<div class="hl-email">
Subscribe via Email To our NewsLetter Don't Miss anythings<br />
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggersens', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_g6EMh3g6uooEZr1Hj7KKhTjAh-RJYkfS6qopQgNBkVXHqQG-KVUtuNVi7XJ_5yb3qHw8Z79RanGqEERbM3PtDobP97v4bhs_3cr0pjSIrio_bbEYp4QrkdE7ZGGfHNj_J9kUhD0_zTR/h120/mail.png) no-repeat 8px 0px;">
<input class="textarea" gtbfieldid="3" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Email address&quot;;}" onfocus="if (this.value == &quot;Email address;) {this.value = &quot;&quot;;}" type="text" value="Email address" />
        </div>
<input name="uri" type="hidden" value="BloggerSens" /><input name="loc" type="hidden" value="en_US" />
<br />
<div>
<input class="hl-emailsubmit" type="submit" value="Submit" />
</div>
</form>
</div>
Replace Bloggersens with your feedburner ID.

Now please save your HTML/Javascript, its done.

Share this

Related Posts

Previous
Next Post »