Social Bookmarking Buttons Beside Adsense Ad Unit In Blogger

Wasup buddies. This is one of my favorite placement of social bookmarking buttons i.e beside Adsense ad unit. I previously post Add 'AddThis' Social Bookmarking Buttons Below Each Blogger Post. But i believe the trick today that i am sharing is pretty professional looking and uses up the empty place at the right of Adsense ad.

Lets see how we can add this widget to our blog. Note that i will be showing the complete widget with Adsense placement with social bookmarking buttons.

Step 1: (Make a new ad Unit)

First make your self a new Adsense ad unit with dimensions (300x250) and Convert it so that it can be used in blogger template. Save the code with your self in notepad or any other program. We will add that code later in our widget.

Step 2: (Placing code 1)

Go to Design >> Edit HTML and tick the check box. Do download the template for backup purposes in case you want to restore to original position.

Now search for the following code.

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{
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-tech{background:url( no-repeat;}
) no-repeat;}
.mini-tweet{background:url( no-repeat;}
.mini-del{background:url( no-repeat;}
.mini-stumble{background:url( no-repeat;}
.mini-digg{background:url( no-repeat;}
.flt-wdt img{
-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{

Step 3: (Placing code 2)

Now search for the following code

<div class='post-header-line-1'/>
 Now just below the above code paste the following widget code.

/*** BeH Social Bookmarking Widget Beside Adsense Code START ***/
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<td width='354'>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'
title='Add To'>Add This To</a>
<a class='mini-tweet' expr:href='&quot; &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;; + 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;; + 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;; + data:post.url' target='_blank' title='Add To Technorati'>Add to
<a class='mini-digg' expr:href='&quot;;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank' title='Digg This'>Digg This</a>
/*** BeH Social Bookmarking Widget Beside Adsense Code END***/
Replace the text  YOUR ADSENSE CODE 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 :)



AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
BloggingeHow | Making Blogging Simpler: Social Bookmarking Buttons Beside Adsense Ad Unit In Blogger
Social Bookmarking Buttons Beside Adsense Ad Unit In Blogger
BloggingeHow | Making Blogging Simpler
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy

Tools of the Trade