1058 followers
Follow us on Twitter!
260 followers
Join us on Facebook!
How To Add This Gadget To Blogger?
- Go to Blogger Dashboard > Design > Page/Edit Layout. (In new User Interface It Is Dashboard > Layout)
- Add a Gadget > HTML/Javascript.
- Paste below code and save it.
<style>
.rss-hb {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibxpA8oLizmjIgy8MFR5a6OemC3y6spQhrUz0ye7ia5hipDNceeccL9puiH7gyEpJalSKvzG1TsFyKfLPFeYodPAadyI6-GUdbBQQpY2aEd1T_Gnk1yyg7OhDy8JReMQiMyD4p4SyZrXY/s1600/rss+sepia.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 5px;
}
.rss-hb:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZJJ1jB8VrGMJLXa7izo0rQXxBObZdWpoM1oTPvUMXHqyHNq5SwtrKFLHkyJqZT_-Hyo7Oc9zJNglISiMV_PkDmKam9TbHT76sqPFfldWajrrhhEJrAnFg74Ctiywe7UWpREu-vUfya2E/s1600/rss.png) no-repeat;
}
.twitter-hb {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYwLCHxmaFM0NqN5cvXFvs9XUcUBeDte9JEGcXyzeOvpxpMlk0KFK6bEmaTD2fwlJO2nQDghEH1gaj61WZPu4Sep9pIaty9DvxPI36MdXtzuLAhO6NBcB3LGbRTm8Q7AQsl7zWJJJUC4Y/s1600/twitter.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.twitter-hb:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNLmehe3wdsdgWX-cxHjSsZDhsllVAWyXiQ3ujbDIxd1QD7UUBBxMpiYYRIEY9yVkjmtLhBLofowy4AWBIShGW6IcO42S9YETBL6mOTMUL8Ez4lVOokBxAQLl2GdT5OSsg5GAtaAuNOro/s1600/twitter.png) no-repeat;
}
.facebook-hb {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqf4P-tQG-PV3drizgns-DGbCbnyGnUsfWBfPnETLhFrgVftY0KxeN6XeSyVS400CGl7O_ROpKMHfHInKGemRAFgeKtzfVAo7YELFaupc-wOB1kkb9zplKVn12TOsAwNgrXghfwINjouo/s1600/fb+sepia.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 10px;
}
.facebook-hb:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhphWerDXParMrC6og-tQk15Gs44jNPYozJ8IRV95VqFVFRmwMdcxFH1JN5ij4QTTbEjY1nMVXFv7h2MqIUtHhW-8qoqR_FKQcPxDyoTb31S0Q99XSCwOpzxJtJ3CzernHdgb_heWJf1Ps/s1600/facebook-logo.png) no-repeat;
}
.follower-rss, .follower-twitter, .follower-facebook {
font-family: Georgia, sans-serif, Times;
font-size: 1.5em;
font-style: italic;
color: #D3C5B1;
padding-top: 05px;
text-shadow: 1px 1px #B2A99D;
}
.follower-rss a, .follower-twitter a, .follower-facebook a {
color: #AA9C89;
}
.follower-rss span {
font-size: 2.2em;
font-weight: bold;
font-style: italic;
}
.follower-twitter span {
font-size: 1.9em;
font-weight: bold;
font-style: italic;
}
.follower-facebook span {
font-size: 1.9em;
font-weight: bold;
font-style: italic;
}
</style>
<div class='rss-hb'>
<div class='follower-rss'>
<span>
<a href='http://feeds.feedburner.com/windowsreloded'>33</a>
</span>loyal readers</div>
</div>
<div class='twitter-hb'>
<div class='follower-twitter'>
<span>
<a href='http://twitter.com/#!/windowsreloded' rel="nofollow">270</a>
</span>followers</div>
</div>
<div class='facebook-hb'>
<div class='follower-facebook'>
<span>
<a href='http://www.facebook.com/windowsreloded'>63</a>
</span>fans</div>
</div>
- Now replace http://feeds.feedburner.com/windowsreloded with your feedburner URL and replace 33 with number of your RSS susbscribers.(Highlighted in Red color)
- Replace http://twitter.com/#!/windowsreloded with your twitter URL and replace 270 with number of your followers. (Highlighted in Lime color)
- Replace http://www.facebook.com/windowsreloded with your facebook page URL and replace 63 with number of your fans. (Highlighted in Yellow color)
0 comments: