How To Add Social Bookmarking Button Beside Google Adsense Below Post Tiltle For Blogger

This is one of my ducky emplacement of cultural bookmarking buttons i.e beside Adsense ad organization. I previously spot How To Add Adsense Code In The Middle Of The Post For Blogger and How To Add Adsense Anywhere in Below Title Posts For Blogger. But i believe the fox today that i am intercourse is pretty athlete perception and uses up the hungry place at the reactionary of Adsense ad.

The principal advantages of this widget is that you can amount your Adsense impressions along with CTR - and of course, modify up the glassy space also Adsense units, making your blog appear solon sightly and authority.

Adding these ethnical bookmarking buttons at the top of your blogger displace, testament pretend things easier when your readers give deprivation to percentage your posts via the networking sites. The widget includes buttons for Del.icio.us, Twitter, Facebook, StumbleUpon, Technorati and Digg.

Steps To Adding This Into Blogger Blog

Step 1: (Placing code 1)

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.

]]></b:skin>

Once you find it, paste the following code just above it.

.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(http://lh6.ggpht.com/_TqPdHmAEwTM/SrVsIDBoz7I/AAAAAAAAFqw/UpGK_0UQUZg/technorati.gif) no-repeat;}
.mini-facebook{background:url(
http://lh4.ggpht.com/_TqPdHmAEwTM/SrXQ3G_uRnI/AAAAAAAAFq0/ktY0xwRy4Oo/fb.gif
) no-repeat;}
.mini-tweet{background:url(
http://lh5.ggpht.com/_TqPdHmAEwTM/SrVkkLNvMlI/AAAAAAAAFqs/S-UYpTlrZa8/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDG35GOazZHK7QHWrqChIBndT9m4LdTQZG_WMwEpRI0AxDOTXL5f4Xl5Wjw0BtC_2RkUiYPY4Pn9J6lKfLO9zVI23QxnUQj9VbJVYUptbMti5bMJfMbP_buJL4AbdoiMtJ6PHyUnyIaJE/s800/delicious_icon.jpg) no-repeat;}
.mini-stumble{background:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScAkHHAstXR5y3GUj2gi5eGlpCX3uHQrHAlwxnGgtRyW17cMNQ1nGqsqNHya8l0i_dR1KllyD6KIXUTCBAraOaDPR8BIompXN1C1D43Mjau3hfcQaHGuEMx-hQUUO1tdOk5h_DK_VXz8/s800/stumbleupon%20icon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISJ8HQ7xqBPPY6X43bgDxtDl3eERkQeA53Qh0yPvWumh9gC6o9oSIAvMPDgcaYZPNLBtNkhVyYvr9yu-HCRJbAIOGY10DtRVU5o_5kT8fi99GeSMn7t0gcQP0u5yJ0AbYMXyqIotQJUM/s800/Digg_icon.png) no-repeat;}
.flt-wdt{
position:fixed;
margin-right:10px;
left:0;
top:40%;
}
.flt-wdt img{
float:left;
clear:left;
margin:5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.flt-wdt img:hover{

Before we proceed on step 2 you must to convert first your google adsense code by clicking the button below!

Click Here To Convert Your Adsense Code

Step 2: (Placing code 2)

Now again Press Ctrl + F and search the code shown below.

<data:post.body/>

and, Copy that codes below and Paste just above <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='354'>
YOUR CONVERTED GOOGLE ADSENSE HERE
</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>

Replace the text YOUR CONVERTED GOOGLE ADSENSE HERE with your Adsense converted code.

That's all! Now finally click save template. Hope you liked the widget as i liked it. Share you views about it in the comment section below :)

If you enjoy this post! Please take 5 seconds to share it.

Note:- Hello There!Happy for reading the article and don't forget share this article on your social network.Thanks You ^_^

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Admin ID-Netblog, Published at 11:11 PM and have 0 comments

Writed by : Admin ID-Netblog

My friend was reading the article onHow To Add Social Bookmarking Button Beside Google Adsense Below Post Tiltle For Blogger. Admin, buddy permitted copying and pasting or disseminate this article, but do not forget to put the source link below.

<a href="https://bloggerheroe.blogspot.com/2012/11/how-to-add-social-bookmarking-button.html" target="_blank">How To Add Social Bookmarking Button Beside Google Adsense Below Post Tiltle For Blogger</a>