20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

Adsense Ads/FB Page With Share Buttons Below Every Post

How to Add adsense ads widget and facebook like page plugin gadget with social media sharing buttons below every post in blogger blogspot
How to add Adsense Ads and Facebook Page With Share Buttons Below Post
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>
/*****************************************
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 5 Now find <data:post.body/> using Ctrl + F
Step 6 Now Paste the following code above <data:post.body/> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- /Social Bookmarking Buttons Beside Ad Unit by www.bloggersstand.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share On Google+</a>
 <a class='bloggersstanddel' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Add This To Delicious</a>
 <a class='bloggersstandtweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' rel='external nofollow' target='_blank'>Tweet/ReTweet This</a>
 <a class='bloggersstandfacebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Share on Facebook</a>
 <a class='bloggersstandstumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>StumbleUpon This</a>
 <a class='bloggersstanddigg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
Now Save Your Template..Done !!

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.
To use Adsense Code first Parse your adsense code here.

Post a Comment