Add Social Bookmarking Buttons Nearly Adsense Ads

The principal advantages of this widget is that yous tin growth your AdSense impressions along amongst CTR - in addition to of course, fill upward up the empty infinite also Adsense units, making your weblog await to a greater extent than attractive.

Adding the social bookmarking buttons at the transcend of your blogger post, volition brand things easier when your readers volition desire to percentage your posts via the networking sites. The widget includes buttons for Del.icio.us, Twitter, Facebook, StumbleUpon, Technorati in addition to Digg.

How to Add Social Icons Near AdSense Ads

1. Login to your Blogger Dashboard, in addition to then larn to Template in addition to hitting the Edit HTML push (please brand certain that yous backup your template)

2. Click anywhere within the code expanse in addition to search using CTRL + F for the next tag:

]]></b:skin>

3. Before this tag, glue the next CSS code:

.ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}
.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{
font-size:12px;
color:#222;
display:block;
height:22px;
line-height:22px;
margin-bottom:16px;
padding-left:32px;
}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-tech{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8PE7mblZSSZ47B6-5djRtFBYbXfncPPP5DX9Jse18bTxJSu5bbsTshpypklo-VHwF0YEw4_ZcnVgX8PiqdazOCT5Qvlk5L-_Wg7YAsGxB6bll0Yji-iyc7Y7lw9yTULtJNt2YpgygqlyE/s1600/technorati.gif) no-repeat;}
.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveRDLEGUexUE3pTw0OivoiRv3FmmPSZAWKe2m4OSoMFdBtmvuO8XRcBGCcw5e_-WypYaHVn0ZljRGY_6MnE2h0FoMpAXjniNFHF_V8VtMQqbvXS4KONIJOqP_t_3D8wwNNwUvftQrsnDq/s1600/facebook.gif) no-repeat;}
.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJ-WeqrDmeTcL8c_C3V5n-1MSEC0Xvde2SQoVrbyZVVViViWshi781TxeUKjy69fE4LQZmqJ6LPAcs-Yu1o1ucQZUTpaK0_1Tt13A52j8xfv6Y1xJ9E9LtUscpnEl4l0XYmY_z5m9BzXx/s1600/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz8GP8LkQT6XetzyI3S5PYreXiyLC4p5TGjhk30SqW3HQ4A5zf1HHY_5QtRmcOC-YgbMYXAcZq1wVis0klXuVkT7Lhspx9hVsS2k0iHS6K8W6wg4gre0bLAkF1hyYs-BXCzF7RPmQncLXS/s1600/delicious.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCmymJWp4qMvUHLFSKRoMNQjOg9ZBQahIAuOfR6Jguij9OfPZ6NYMHllQhppyZ_KeloRHjLoJ0u-EmOLssMcsjWEdjJEeTZ9_qZLF91PLgFPsbLE-5xTcH707IHKd53FR4m0y6-OnGurx/s1600/stumbleupon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpreRUl753yEtsnYA6pDIbeKmP5ji4wnP31Xp9ZCwRxSc-VHx_Au45Qgr0a1Ra5QZ5QQfAigSUG0aD_auKk5YP29u4pYcR85uTvSfbdxRxka_3uVBHUYQFMTg4zhBfEu1CjWEDi6_daDLZ/s1600/Digg.png) no-repeat;}

4. Now search for the next line:

<div class='post-body entry-content'>

If yous can't uncovering it, search for this one:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

5. Add the next code guide below it:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='354'>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!--
google_ad_client=&quot;pub-YOUR PUBLISHER ID&quot;;
google_ad_host=&quot;pub-1556223355139109&quot;;
google_ad_width=300;
google_ad_height=250;
google_ad_format=&quot;300x250_as&quot;;
google_ad_type=&quot;text_image&quot;;
google_ad_host_channel=&quot;0001&quot;;
google_color_border=&quot;FFFFFF&quot;;
google_color_bg=&quot;FFFFFF&quot;;
google_color_link=&quot;0000FF&quot;;
google_color_url=&quot;008000&quot;;
google_color_text=&quot;000000&quot;;
//--&gt;&lt;/script&gt;
&lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39; type=&#39;text/javascript&#39;&gt;
&lt;/script&gt;
</td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a>
<a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Post this article on Twitter'>Tweet/ReTweet This</a>
<a class='mini-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share On Facebook'>Share on Facebook</a>
<a class='mini-stumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'>StumbleUpon This</a>
<a class='mini-tech' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a>
<a class='mini-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'>Digg This</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>

Note: Replace YOUR PUBLISHER ID amongst your AdSense concern human relationship ID. You'll uncovering it yesteryear going to the Home tab on your "Account settings" page. It should await something similar this:

pub-5623269265862168 (copy solely the numbers in addition to and then glue them)

6. Click the 'Save template' push in addition to instantly yous should locomote able to run into the social bookmarking buttons almost AdSense ads yesteryear visiting 1 of your posts.

Share this post