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/AVvXsEjnoMmAgQ5EGqFE0XRjMCqwD9c_xXSw3zJCvl_YI7yF58A9WcOGlLMNKSAdOILrpk5f_uCI4q6YEKVwz3i4V61WciWn9RzgFmMZ9K6-klIiTVw-EdcRxBonXNYQ1L6lGsQ8CNp5-jcWhb4/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 href="YOUR RSS FEED URL" rel="nofollow">RSS feed</a>
| <a 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 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 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/AVvXsEjnoMmAgQ5EGqFE0XRjMCqwD9c_xXSw3zJCvl_YI7yF58A9WcOGlLMNKSAdOILrpk5f_uCI4q6YEKVwz3i4V61WciWn9RzgFmMZ9K6-klIiTVw-EdcRxBonXNYQ1L6lGsQ8CNp5-jcWhb4/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 href="YOUR RSS FEED URL" rel="nofollow">RSS feed</a>
| <a 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 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 href="YOUR FACEBOOK FAN PAGE URL" target="_blank" rel="nofollow">Join us on Facebook!</a>
</div>
5. Save now
No comments:
Post a Comment