How to add social sites counter in blog?

Sometime we face blog load time trouble due to high java scipts that host different networks other than blogger. Java script based counters increase blog's load time. There is an easy method to publish all your favourite site follower counter such like Rss (Rich Site Summary), twitter, facebook. But it can be resolved by the method explained below, follow the instructions.

1. Log into your blogger Account.

2. Go Design >> Page Elements

3. Add a Gadget >> Html Java Script

4. Copy the given code and paste it into your html java script gadgets content area.

<style>
.rss-bd {
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-bd {
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-bd {
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-bd">
<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-bd"><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-bd">
</div>
<a href="ADD YOUR FACEBOOK URL HERE" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>
<div class="follower-facebook"><span>260</span> followers

Now Replace the liks

1. Replace ADD RSS FEED URL HERE with your Rss feel URL

2. Replace ADD RSS EMAIL FEED URL HERE with your Rss email URL

3. Replace ADD YOUR TWITTER URL HERE with your Twitter account URL

4. Replace ADD YOUR FACEBOOK URL HERE with your Facebook URL

Save it and done.


How to add "Search box" in blog ?   

Links to this post

Create a Link - Click here