Finally we are come after a month be'coz we are busy in wedding of my best friend but today we have a very different widget for blogger which could easily use for earning money and increasing the fan following of your blog at social media like Facebook, Twitter, RSS Feed readers etc. and there will be a advertise banner and you can easily use it as the advertise of your blog OR site and can easily get the sponsors for your blog/site.
Add Advertise Widget with Social Bookmarking
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and search the code shown below.
data:post.body
- Paste the below code above data:post.body
<b:if cond='data:blog.pageType == "item"'>
<style>
.rss-wr {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjucK-aTu7ENU3ATJgpc-9rW2_bw_Q_2Uxpa8VqmV6-7ODVZ_1XVvpgWVnfbjb-Ptpehw0vUkN5KD8M4AEKbbhmK85xaS0rsjHvTg1pTJaKyIWAzbPJxt8bMB1wYrJIBfZhIxYWILVzZdk/s800/RSS1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.twitter-wr {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXPN8MIdswsCULWZJMuIIlv0yOHy2Y7uzjHuJDbsH8YsSHcv5B8Cs9Cg6-eNohuP7oGJTDk7koLmbXI8L646Sydndl0gx6KeghyphenhyphenGNafAHd9vMBH3UabWsit5ECR0hNBVU4eGs_-uz3cZw/s800/TWITTER1.png) no-repeat;
height: 64px;
padding: 0px 20px 0px 80px;
margin-top: 20px;
}
.facebook-wr {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg16bnWiprLqecEyTXqjlvNgvPaaBG-fIh_YL6iaPLmXlPk3APO5xcwC3fku3m-qke98AYTb1wSgsYmBGx0q-yd4JMNN8hkkcEAG7xk1vU7mMl9MwiIJ437vbe1obRNLg5mYFWD95PijBU/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>
<br/>
<div class='rss-wr'>
<div class='follower-rss'>
<a href='Advertisemnt-Page-Link' imageanchor='1' style='clear: right; float: right; margin-bottom: 1em; margin-left: 1em;'><img border='0' src='http://www.freepremiumwordpressthemes.info/wp-content/uploads/2011/05/300x250_advertise_here.jpg'/></a>515 loyal readers
</div>
<a href='http://feeds.feedburner.com/Widgetgenerators' rel='nofollow'>RSS feed</a>
| <a href='http://feedburner.google.com/fb/a/mailverify?uri=Widgetgenerators' rel='nofollow' target='_blank'>E-mail</a>
</div>
<div class='twitter-wr'>
<div class='follower-twitter'>
1058 followers</div>
<a href='www.twitter.com/Widgetgenerator' rel='nofollow' target='_blank' title='I definitely follow you back'>Follow us on Twitter!</a>
</div>
<div class='facebook-wr'>
<div class='follower-facebook'>
260 followers </div>
<a href='http://www.facebook.com/Widgetgenerators' rel='nofollow' target='_blank'>Join us on Facebook!</a>
</div>
<div style='clear: right; float: right; margin-bottom: 1em; margin-left: 1em;'>
</div>
</b:if>
- Finally Save your template.
Make Changes....!
- Replace it Advertisemnt-Page-Link with your advertisement page link
- Replace it Widgetgenerators with your RSS username (2 times)
- Replace it Widgetgenerator with your Twitter username
- Replace it Widgetgenerators with your Facebook username