Showing posts with label Subscription. Show all posts
Showing posts with label Subscription. Show all posts

August 12, 2011

How To Add Floating ‘Subscribe’ Button to Your Blog


How To Add Floating ‘Subscribe’ Button to Your Blog 



1.Login to your blogger dashboard and go to Desing --& Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<a style=”display:scroll;position:fixed;bottom:300px;right:0px;” href=”Your Feedburner URL Here” target=”_blank” title=”Updates Directly in Your Inbox”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8R_OacqCNjlHBJYMK_BHF0JryuH4m7TvMtJDPSvnVB6sWdirksErYUyptPn9RnfNFOaQTYEdxU8CQvgFENpumwZ_hEMKzYerD3gz8coZQ0TJcuY-_XjcGybOp5wGihIzp24p-XXWeHJE/“/></a>

Note: Replace Your Feedburner URL Here with your Feedburner url.

4.Now save your "JavaScript" you are done..

How To Add RSS Twitter and Facebook Follower Counter Widget to Blogger

How To Add RSS Twitter and Facebook Follower Counter Widget to Blogger



1.Login to your blogger dashboard and go to Desing --&-- Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below



<style> 
.rss-mbt { 
    background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TXM3kMMZ6iI/AAAAAAAABWs/mvD4oZKpcYA/RSS1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.twitter-mbt { 
    background: url(https://lh4.googleusercontent.com/_u4rBCfM4eII/TXM4FmiiE3I/AAAAAAAABW0/aXFjV0nLT7Q/TWITTER1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.facebook-mbt { 
    background: url(https://lh3.googleusercontent.com/_u4rBCfM4eII/TXM3FmsFCZI/AAAAAAAABWg/2fp5bNd5HWY/FACEBOOK1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.follower-rss, .follower-twitter, .follower-facebook { 
    font-family: Georgia,  sans-serif, Times; 
    font-size: 1.1em; 
        font-style:italic; 
        color:#289728; 
}
.follower-rss span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#FFB93C;     
}
.follower-twitter span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#6DB6E6;     
}
.follower-facebook span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#3889BA;     
}
</style>
<div class="rss-mbt"> 
<div class="follower-rss"> <span>515</span> loyal readers 
</div> 
<a href="ADD RSS FEED URL HERE" rel="nofollow">RSS feed</a> 
| <a href="ADD RSS EMAIL FEED URL HERE" target="_blank" rel="nofollow">E-mail</a> 
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>                            
<a href="ADD YOUR TWITTER URL HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a> 
</div>                       
<div class="facebook-mbt">                        
<div class="follower-facebook"><span>260</span> followers                            </div>                            
<a href="ADD YOUR FACEBOOK URL HERE" target="_blank" rel="nofollow">Join us on Facebook!</a> 
</div>

Note: Replace ADD RSS FEED URL HERE , ADD RSS EMAIL FEED URL HERE,ADD YOUR TWITTER URL HERE, ADD YOUR FACEBOOK URL HERE with your content.

4.Now save your "HTMl JavaScript" and refresh your blog.

Cheers