This widget is very useful. The function of this widget is to show the total of followers in RSS, Twitter, and Facebook. This widget is very simple. Even, this widget doesn't use Java Script. Just use CSS and HTML. But, if you're using this widget, You've to update this widget manually. So, you have to be diligent to update the total of followers in RSS, Twitter, and Facebook. So, if you want to show the total of followers in RSS, Twitter, and Facebook in your blog, just follow the steps below.
1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose HTML/Java Script
4. Copy the code below, and paste on the place.
5. Save now
1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose HTML/Java Script
4. Copy the code below, and paste on the place.
<style>
.rss-mbt {
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwAxlnAsI/
AAAAAAAAC_g/9s74YaAwpls/s800/RSS1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.twitter-mbt {
background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/S7wv1yUhrdI/
AAAAAAAAC_Y/_yw-vTwlc7g/s800/TWITTER1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.facebook-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUT8xmI69u5nURTMf5n3edQAcP2laAwrI65-eWmaJz7F33fL8SCopy56EFz3eKpaHs1DLDgSaszlJ8REe-8qv44BOYk9GSiRYnxpLkegC8DlqCy2TleWot-CBnwn_UdYxWP8cVpieQm8M/s800/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 rel="nofollow" href="YOUR RSS FEED URL" rel="nofollow">RSS feed</a>
| <a rel="nofollow" href="YOUR RSS EMAIL FEED URL" target="_blank" rel="nofollow">E-mail</a>
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>
<a rel="nofollow" href="YOUR TWITTER URL" 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 rel="nofollow" href="YOUR FACEBOOK FAN PAGE URL" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>
=> You have to update the number of the followers.rss-mbt {
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwAxlnAsI/
AAAAAAAAC_g/9s74YaAwpls/s800/RSS1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.twitter-mbt {
background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/S7wv1yUhrdI/
AAAAAAAAC_Y/_yw-vTwlc7g/s800/TWITTER1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.facebook-mbt {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUT8xmI69u5nURTMf5n3edQAcP2laAwrI65-eWmaJz7F33fL8SCopy56EFz3eKpaHs1DLDgSaszlJ8REe-8qv44BOYk9GSiRYnxpLkegC8DlqCy2TleWot-CBnwn_UdYxWP8cVpieQm8M/s800/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 rel="nofollow" href="YOUR RSS FEED URL" rel="nofollow">RSS feed</a>
| <a rel="nofollow" href="YOUR RSS EMAIL FEED URL" target="_blank" rel="nofollow">E-mail</a>
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>1058</span> followers</div>
<a rel="nofollow" href="YOUR TWITTER URL" 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 rel="nofollow" href="YOUR FACEBOOK FAN PAGE URL" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>
5. Save now
4 comments:
Amazing! information to all users, with these resources we can improve our mobile marketing business.Nice Post!
ReplyCado Magenge
" custom website design services | mobile application development melbourne
smo services melbourne | web development company melbourne "
retro jordans
Replylongchamp bags
air max 2017
ultra boost
falcons jersey
chrome hearts online
michael kors handbags
longchamp bags
authentic jordans
adidas superstar shoes
nike air huarache
Replymichael kors handbags outlet
valentino shoes
rolex replica
nike air force 1
yeezy boost 350
coach outlet
skechers outlet
philadelphia eagles jerseys
coach factory outlet
supreme new york
Replyair max
coach handbags
balenciaga shoes
adidas flux
adidas yeezy
golden goose
converse shoes
jordan shoes
ferragamo belt
Post a Comment