Add social bookmarking buttons beside adsense ad unit in blogger

Thursday, November 21, 2013

This tutorial will show you How To Add Social Bookmarking Buttons Beside Adsense Ad Unit To Blogger.The main advantages of using this widget is that you can increase your Adsense impressions along with CTR - and fill up the empty space besides Adsense units, making your blog look more beautiful and professional. The widget includes buttons for Google Plus, Del.icio.us, Twitter, Facebook, StumbleUpon and Digg.

HOW ADD SOCIAL BOOKMARKING BUTTONS BESIDE ADSENSE AD UNIT IN BLOGGER

Written explanation

1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

]]></b:skin>

3) Now Paste the Code Shown Below just Befor 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{color:#222;display:block;height:32px;width:140px;font-size:12px;line-height:22px;margin-top:10px;padding-left:42px}.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-PrasQWcMEYZQXlom2yxd0opzbYEdviT8Ur6Bd0UGEVaka4tAQTrK39EEz9gVIo9Kmtp2yED6r6Jjvic5AYjUXvCVuo2yisuTCtLTNUTnM2usNW4MO4OpHqaVMuKJtrgv7RF3ylGfeU/s1600/facebook.png) no-repeat}.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLS5hM-Y_iOq0kPM_OPjW2rKzTzOVp1qeQoCd09RdFczyuI0NI52MJBPFBbYAzNtaf5OH95UBmMySe5Eac-k-ADbSCl_bBn16KxLQ3VzVcSoFAHseItd_nTaRCQmJOSQbcZ6FvXrLZ5Z8/s1600/twitter.png) no-repeat}.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPavztwNnLM9A77Hb_BRFC0XdjEU8VM1RSw5eu4-4xwbVlnHoixIAil8qgHaNx5tm-97MQWgU0e-0RxH20_OVSb-2LhJmxn3QfSKPqA1h6rbIltmXB59glGDjx5FEJ7Luo9AhJnaBPpU/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPvo8g61TvQ1EtFUN8nLCBgTSV4JEqjE1BaWuWX8jGyg45zFooXdptOLmEdWw5y5Qvor4YlSIYutiLr6W7L4iAMs-rV4DViO3DmvMtKe3qqY-8IOgkeZFRqVZHNkyk9QzUVL6Kf28Msp4/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVr3XEq0upUYo3nRhBjix40uJMDhe4UD41X2LdUlD99nDti5qMfQS2H-4foaDZQBw2Qd0WBLdLCW6WEZhNxYLUTqZSgxHn58BreuyLRP8VVAPQ0Rfh-oCcHWvTNTjB2fjfE08I0ZpJj8/s1600/digg.png) no-repeat}.mini-plus{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidOQAyh69G8ci5dO2wsUJvd4h3kvtG1gtZj3KE-2duJZtvK7v-i04zYGf0E1jyTBsCvfP71R2LQ_Zw1a9wTuzBVUsab6rxV85fNbVDNwaidYfLJHa2xLm8nuvuctFhgacL0GPfnRVXn7g/s1600/googleplus.png) no-repeat}.flt-wdt{position:fixed;margin-right:10px;left:0;top:40%}.flt-wdt img{float:left;clear:left;margin:5px}

4) Now Find the code shown below using [ctrl+F] (Use In HTML Box)

<div class='post-header-line-1'/>

5) Now Paste the Code Shown Below just Befor it.

<b:if cond='data:blog.pageType == "item"'><div class='ads'><table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><td width='354'>

AdSense Ad Unit Code

</td><td><div class='ads-right-min'><a class='mini-plus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank'>Share On Google+</a><a class='mini-del' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Add This To Delicious</a><a class='mini-tweet' expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " " + data:post.url' rel='external nofollow' target='_blank'>Tweet/ReTweet This</a><a class='mini-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Share on Facebook</a><a class='mini-stumble' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>StumbleUpon This</a><a class='mini-digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'>Digg This</a></div></td></tr></table></div></b:if>

3) Customize your setting.Find any word click F3 or Ctrl+F.

♥ Replace it PASTE YOUR AD CONVERTED CODE with your Ads converted code.

♥ Convert your code - Click Here.(In HTML Form)

7) Now Save Your Template.

Share On Google+Add This To Delicious Tweet/ReTweet This Share on Facebook StumbleUpon This Digg This

abdelali tibicht

name is full abdelali tibicht, my country is morocco, care techniques and the development of blogging, my goal through this blog, is to help bloggers develop their blogs through my modest experience gained during my career blogging can.

Follow Me On Twitter Or Facebook

Subscribe to Get Free Blogging Tips And Quality Tutorials Straight in Your Inbox.