In this tutorial we are going to explain how to add adsense ads or facebook page with social media sharing buttons below every post in blogger.This widget is a great a way to attract your visitors to make more click on ads.To grab this widget just follow the steps mentioned below.
how to add adsense widget with sharing buttons in blogger
installation steps
Step 1 Log in to your blogger account and Click on Template
Step 2 Now click on Edit HTML
Step 3 Now find ]]></b:skin> using Ctrl + F
Step 4 Now Paste the following code above ]]></b:skin>
/*****************************************Step 5 Now find <data:post.body/> using Ctrl + F
Widget by www.bloggersstand.com
******************************************/
.bloggersstandads{
margin-bottom:10px;
border-bottom:solid 1px #dedede;
padding-top:10px;
font-size:13px
}
.bloggersstandads-right-min{
border-left:solid 1px #dedede;
height:250px;
padding-left:10px
}
.bloggersstandads-right-min a:link,.bloggersstandads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{
color:#222;
display:block;
height:32px;
width:140px;
font-size:12px;
line-height:22px;
margin-top:10px;
padding-left:42px
}
.bloggersstandads-right-min a:hover,.bottom-share-links a:hover{
color:#009df2}
.bloggersstandfacebook{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnKPZcil6gOZ8k7HueDkFbb9yytuxpqZgeSA1kEDJsZWfsx14WiLf2sAC8sRzugCsVdYYf9rKjIAjw4n-Dfqtb-EK9P3GH2rlJJhnjyEsXoYAwadvexnyd5OUyhqYhxgtDRLi4DxvKUzi3/s320/BS+Share+Button+Facebook.png) no-repeat
}
.bloggersstandtweet{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgWmWXcmiocTRE2AeKSQ0a7CDvxm0vrWPldwzGPe5b_ChtORBBAGgPERbNuDnjD3zD01Xw-tMwEdTnQkuKp0vd28NDTBLTyUFGsG8dlPoYyNiB8dV6MonpJ0DgKPD9QF53T48-i7jWbgm4/s320/BS+Share+Button+Twitter.png) no-repeat
}
.bloggersstanddel{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgeYT8PU5Mnrxi3RXXj-wSvBSCPVBZ8ov4F-OKvmNqI-wpdncgDYM18GVfLuNGY1NprhNvUso05RLQ_nY4iNMVXNWbjUUzBe97TZDb5c5SkCI9bDcJmIUiekzfhRgpopefnnpCNLnzNP5V/s320/BS+Share+Button+Delicious.png) no-repeat
}
.bloggersstandstumble{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwzt5skkwqj_OREi4SkhZf2USOocFHV25BB0g7XtGr0jOHZo-L3vDzYhYlW45Y5sInukqtFP5sjyi2BMsluVDkkDFuAX-NtAM1tMIiw1pZKN-7rC_2XCedTiwZA9XbJUNvaYe9guCKjxR/s320/BS+Share+Button+Stumbleupon.png) no-repeat
}
.bloggersstanddigg{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYlN97ySYFBi1cTdeQxPKh3t9pX2NUsNPxbXhCRPzhgkMkB6AUWCrLjIeu5jJ2N97ZD5CaWjWnxl8Oz-IDqKcCiw6EfDHyGDlt2Q-Yo4YMnxIngAMaKTwHtHXF_UQINTrIZVl7pzhBMcqq/s320/BS+Share+Button+Digg.png) no-repeat
}
.bloggersstandplus{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5JLt5s8E0sxIgwzIf3Wo64d_xgTRc82BncopihG09Jcq_ioiyGOAn8NxIXmevV3n1rypgTVSs5yAFNw9L6ZnwzxB4Nd6-GH_nNM_a9leu8wko21EDjjKtDzEMoN9Zu0DEf6q7s_HXGMtz/s320/BS+Share+Button+GooglePlus.png) no-repeat
}
.bloggersstandwdt{
position:fixed;
margin-right:10px;
left:0;
top:40%
}
.bloggersstandwdt img{
float:left;
clear:left;
margin:5px
}
Step 6 Now Paste the following code above <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>Now Save Your Template..Done !!
<!-- /Social Bookmarking Buttons Beside Ad Unit by www.bloggersstand.com -->
<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<td width='354'>
Adsense Ads Code or Facebook Page Widget</td>
<td><div class='bloggersstandads-right-min'>
<a class='bloggersstandplus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank'>Share On Google+</a>
<a class='bloggersstanddel' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Add This To Delicious</a>
<a class='bloggersstandtweet' expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " " + data:post.url' rel='external nofollow' target='_blank'>Tweet/ReTweet This</a>
<a class='bloggersstandfacebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Share on Facebook</a>
<a class='bloggersstandstumble' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>StumbleUpon This</a>
<a class='bloggersstanddigg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Digg This</a>
</div></td></table></div>
</b:if>
<!-- /Social Bookmarking Buttons Beside Ad Unit by www.bloggersstand.com --></b:if>
customization
- To Change height 250px; to increase or decrease the Height of widget.
- To Change width '354' for increase or decrease Adsense Ads or Facebook Page width .
- To Change the hover link color #009df2
- Replace Adsense Ads Code or Facebook Page Widget with your Adsense code or FB Follow us Code.