HOW TO SET SUBSCRIBE BUTTON ON YOUR BLOG

How to add subscriber button on blogger

For every blogger it is very important to get more page views by earning subscribers through adding subscriber gadget on their blog. Subscribers gadget will allow your blog visitors to subscribe your blog content through getting mails directly to their mail box. Here I am providing you tricks to add subscriber gadget to blogger blog. Please go through below step by step instructions to add subscriber button on your blog.

Step 1

Go to www.blogger.com and login to your blogger account. Then go to your layout page by clicking on Layout.
                          
Step 2

On the same pop up window scroll down to Add a Gadget and click on it.

Set subscriber menu on blog


Step 3
After clicking on Ad Gadget the new pop up window will be displayed and is look like as below,

How to set subscriber menu on blogger blog


Step 4:

Click on HTML/Java Script + button and put the following HTML code inside the blank content

 <style>
.hl-email{
background:url(http://feeds.feedburner.com/blogspot/tfPgX) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;\
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feeds.feedburner.com/blogspot/tfPgX', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="pagetowatch" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Set subscriber menu for your blogger


Step 5:

After copying and pasting of above HTML code change first two highlighted codes with your Google Feed burner E mail feed link. And “pagetowatch” with your blog page name, then click save button and check your blog
.
Note: The Feed burner E mail feed link will get by signing up at www.feedburner.com with your Gmail account.

SHARE

PageToWatch

  • Image
  • Image
  • Image
  • Image
  • Image

3 Comments: