How to show Adsense and Social Bookmark buttons side by side?

Here, we comeup with another wonderful trick to boost Adsense revenue from your blog.
Display both “Adsense and Social Bookmarking buttons side by side” below the posts title with simple HTML code adding on blog template. You can get dual type of benefits by adding his code on blog template i.e maximize blog revenue at the same time increase of subscribers via adding social bookmarking button beside Adsense Ads. This widget attracts visitors/readers when they visits to your blog. In this widget you can notice Social bookmarking buttons of Delicious, Twitter, Facebook, Stumbleupon, Technorati, Digg ect.

With simple code adding technique to your blog maximize Adsense revenue and subscribers. Let’s begin the tutorial for adding this widget.

How to install this widget for blogs?

Step 1
Sign into your blogger account
Click on “EDIT HTML” link tab
(Before your implement this on your blog backup template if anything goes wrong you can reuse it again)
Now, search for code

]]></b:skin>

After finding the above code copy the below code and paste above to 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-XOuZo_h6CV6QB_Vf73QpWlGEnNhZynH7sjxweXmpHHrDhuHBJwDDm9nSU4Z_YiQiPHY58Dlm2mIsDaDRNQcDpPQSNkAv0KfjOvqR20QTxWqwUmFCD4r_IDuQgicd-rG4LOVQRlAKSS4/s660/blogtariff.com-technorati.gif) no-repeat;}

.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxdARkazgj3p09QmyKM_RaayRN0tjjLrjfolxa7oyjVrM06sOL0KYGlbUDMiz2Q7JvHPENCEYXWKd5Gbj4hek-VETlo0fDFqR07afXEitoPYJbTY7vvn6LCwzNGEqRxxL6CyX75myM0qk/s660/blogtariff.com-fb.gif) no-repeat;}

.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf43pxqNBygg5GRV6OhDvW9svS9gYOmPeK7vewHDQPlg3b7JlgDkZ3NzdSB8i2EFmeQ0P7zB3uakYY83t3-aIxEEZ1e-0CmHysArwy4RzlQgdNiOfaHg_89jSgkg8k3ipDFP9UKowihrw/s660/blogtariff.com-tweet.gif) no-repeat;}

.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc-u6GQnSzAhXfX4FPTos9IAj9_KjMGcBRtQA2nKmUW9I8V86RgOG64waD2uVlMnRkC67zWIEVVjMlYq9gXjGRSUY-eegB9TeoSPtxiG1cJXdIFSZVt6KY4Ir41CQxz4T5uHbuOElxP4o/s660/blogtariff.com-delicious_icon.jpg) no-repeat;}

.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj0e1MhaH68v2ngjY90unxTVpeLzcykFVmj5hQuLU-bOcq_sqIS7qNEX8D2kna2_eJM_MqJiwRKoTvvtJb9Ji6DJ_zxoQguod5VchBS3gLFBgH2DfZS5sOvTKigsU2G_Py0ER9zE1uP28/s660/blogtariff.com-stumbleupon+icon.png) no-repeat;}

.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8dOV_Uh1dkRkYCdwcaJuTSpMnCvTCIKOYKq1jtO6_i_8d-N3amM4Zsx9sz-EGAlBbj1QKvpQNdGoWAWDPcbLwNgu20PN2Yu3qU6NHE0-1zDscRm65I4bUmBftD6b8Wxq5hngzmIzdcKs/s660/blogtariff.com-Digg_icon.png) no-repeat;}

After successful pasting the above code now, “Save the template”
Step 2
Now, Mark the “Expand Widget” box
Search for code

<div class='post-body entry-content'>

After finding the code copy the below code and paste after to it

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>

<td width='354'>
YOUR ADSENSE CODE HERE
</td>
<td><div class='ads-right-min'>

<a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a>

<a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &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;http://www.facebook.com/sharer.php?u=&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;http://www.stumbleupon.com/refer.php?url=&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;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a>
<a class='mini-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'>Digg This</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>

Customization

Note:

• Don’t paste directly Adsense code in Template template won’t accept the same, you’ve to Parse your Adsense code by using our Tools.

Convert Adsense code/Other Ads codes
Covert Blogger codes

• Replace “Your Adsense code here” with your Parsed Adsense code.
• Use 350x250 size Adsense units for the above widget, it best converts revenue to maximum.

After successful adding code and parsing code now, Save the template and preview your blog to test your experiment.
If you feel any difficulty in this regard bring to us we try for you.

Appreciation

If you enjoyed this article and we helped you little bit, let know your views and suggestions via comments. We always appreciate on Subscribing to US – Don’t miss ensuing posts.