Adding the social bookmarking buttons at the overstep of your blogger post, volition brand things easier when your readers volition desire to part your posts via the networking sites. The widget includes buttons for Del.icio.us, Twitter, Facebook, StumbleUpon, Technorati together with Digg.
How to Add Social Icons Near AdSense Ads
2. Click anywhere within the code surface area together with 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/AVvXsEhBOLhNh7EHYOPKauA0P_wiBNVKsrfUflSiO7bf6lHCDdfWdf7G0Yq5fPIHATJq8SRqciBCw1UEuRW2pHyCIYYiWExZgDqc9kp2a5mHvPmQ-hno1wcMEAfWwgLOmyXIMlT6-tSZAMlrPgXD/s1600/technorati.gif) no-repeat;}
.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLye9YCduWyQqhmPHsVYjBX1zeyjtfT145cLBFU-cUrhhP4-YMHykgbp8bEE3BJ-XQYKhhNMbcV8CSj5ZC3j7ccdc9DgyFRkMTJ6zwxMeXT3HA11jMjtI-pJG5ACflUl_pcZIpmGE8_fz/s1600/facebook.gif) no-repeat;}
.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjreS-e1SiPhFv5VJ8_QwD4biYW-1Y2ae9TuWZjmV9mdWxKBM0Zdrlp3p9Pa11zRUW29xHdH8XaniC5QeFiAhBiksP0j6yNfA_Rb57z75Aj2coUHH8QfGmIZa2o6-BotYnHRlDSAGp7Vy3y/s1600/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCYm336RaDE2nIJumV8Rzu3OUcvoN_0K5iXyrsi6o1mx3jLkPjWI3BzRTbW7eSDxRA5KsZkrKfHZc_6mwDLsVfm0gY3P0z5i2VEZ40m5dirs95fVa1QGbRyovcF6qZFFWMMHmG8FD9NWYg/s1600/delicious.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioc4o8jWqY4ZqgFEg9icr2d-LpTiSPObejKxM-IOOWxVWeMeQA_i_nHMZPkYGngs4aSoltPmVNDXZFLKOKsrebttR9XqYB0rFnEa-8jGqGBVfsiQZCoGjONEBQcFwczFTlKsAKF3-TfEpe/s1600/stumbleupon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKioer3niZoxh1elUWU6TIauWqoJjvU1lyeTLwNlxwOs3Awr_WgbdwDcXZ9BGmyl6AVJ5iCVxX10XWCttR6zpIgxYI-Bfz4dwLmy-cO1SNWcYPRaCdOf5d0xprS83G3EdcPDka8_ukdhg7/s1600/Digg.png) no-repeat;}
4. Now search for the next line:
<div class='post-body entry-content'>
If y'all can't uncovering it, search for this one:
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
5. Add the next code conduct below it:
<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='354'>
<script type='text/javascript'><!--
google_ad_client="pub-YOUR PUBLISHER ID";
google_ad_host="pub-1556223355139109";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_ad_host_channel="0001";
google_color_border="FFFFFF";
google_color_bg="FFFFFF";
google_color_link="0000FF";
google_color_url="008000";
google_color_text="000000";
//--></script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>
</td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a>
<a class='mini-tweet' expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " " + data:post.url' target='_blank' title='Post this article on Twitter'>Tweet/ReTweet This</a>
<a class='mini-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share On Facebook'>Share on Facebook</a>
<a class='mini-stumble' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This'>StumbleUpon This</a>
<a class='mini-tech' expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a>
<a class='mini-digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + 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 hold off something similar this:
pub-5623269265862168 (copy exclusively the numbers together with and then glue them)
6. Click the 'Save template' push together with directly y'all should endure able to encounter the social bookmarking buttons around AdSense ads yesteryear visiting 1 of your posts.
Comments