Add social bookmarking buttons beside adsense ad unit in blogger
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)
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/AVvXsEhZNVdyP9LDu4j7j2kwhRYdC5OMh49BswO6LOisaOSSQFu_XL_m5XWAxbfVUQzVLrU5_VMY4W_kgSLEXMdVuSePws2Z16hxk5vptEumDwryOZ_LB7mMyIYrWJ1K4jSJXwt5RPUhrP52mDU/s1600/facebook.png) no-repeat}.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9PIhY1gMNKXKZxu2JZpygHJorqg2yzzDZoDZMHXP1ZXGURf7f-E9LHdGKATLbFpEpY_5xOXS2x3MlG5yBp0rl7zYOIYsVsXflm2GjC49BM9wJ-dGDT003DW7H5Jk6C61SKulV1ZFMKjk/s1600/twitter.png) no-repeat}.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSF2HYjEbOeVTtj-CeXn5Kgk_BU6NuAxFvm7kNAnYzuEfCIR9hXH5fT1MqX3gHy6HckjULztYJ5yJNx3yDuSJnZgwv67Nk6LvoJQetPSD-9Nz4D64hWubnv_Cf8FYlxXh54r-2WhNbEw0/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSq80LARY1VgsojPdOd4XJAsP6ifKyq6d7ckS0c7fcwkhjvUpsClCdVS18dcTB9ra1p9-AGB-AE3HkB0j0-SBOZryxt3A4rZA5N0HzCAG62kxY9n68hAaIM4YadbbGuGNRFnae9r4R4p4/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdcraXyL6LYg-95dzlL2ZvggVQzAZv5R1NqbL0hFqeqDdDc0KGw1f6CEVryVKV2sDfKETiO4e0LQVhBqLyYwV5aS51T3g-6CuNIY7MkGaroRms4zVBQR1soDKRaubRp7fZbvaUG5i4TNM/s1600/digg.png) no-repeat}.mini-plus{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH083hjQf1CqdHyo8PeDVELQrFFkA0M9lp_HIeNPhOCi58uxYqy6oFjS0GJEtK1agKuD4zoKG9LWVLA_hRxk5MZpUvOGSOgpdC-Mz3syPXKfoy9LO5ILjFTA74hmiALqTmkUE1nK3Htqw/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)
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>
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.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon