How to Add Social BookMarking Tab in Your Blog

Social Book Marking

 

Social bookmarking is increasing your AdSense impression along with CTR and fill up empty space beside AdSense Units, Making your blog more Attractive.

Adding this social bookmarking button at the top of your post, will make thing easier when readers want to share your post contents via these social network. Readers share that post on these social network namely, Facebook, Twitter, StumbleUpon, Digg, Del.icio.us, and Technorali.

How to Add Social Network Icon near AdSense Ads.

Social Book Marking

1: Login top your blogger Dashboard, then go to template and click on Edit Template.

(Note: You must have backup your Template)

2: Click inside code area and find following Tab with CTRL+F:

]]></b:skin> 

3: Before Above said tag, Following CSS Code.

.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/AVvXsEhhNeIlROrWnKqmLJpMwzZbsTt8YAsPA4CSc0QdAvv2x9TnHIdsdjZ_itpuxbp1qsUNAVrijixPWz7NTfQmU2urKqfxqM3XPeg7amflualy4tC5FOVPNGgTLG3xaNuqOpBCQhlXYk96IMmo/s1600/technorati.gif) no-repeat;}
.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp7q9ajiQ-jmfZSQp8YklTLh3FKNFIvuQMCOtmsN0rgcjKiqL40QZwuojuhy6G55wgRJANkOGrndbyxhJjgPoCSludAP3pnAHVflJSeb9Mm0D3SBC6ZkCgnEjrYUtlHhrY6gDsxB2ZYtPg/s1600/facebook.gif) no-repeat;}
.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvfWC8uO6gA19u5l9yONU2D4IzE09cpBsjyuCYhUN1tf5srvbhqNSWU__Y79ZRTVZ9y8kZ_2esQNHbTG_96fOKCF34bPVHD1S3ZGZYsgyNkJGAdOrNUdm_xmbfyD14vZO3CqyqZ8XyXh30/s1600/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF7rx_G9GQuV9JnFmDpN6f6Hok5kiMcNMgVft1iphbaOVsDtMF8vz08xWWmiDb_mnWLlfDx1KoeoA2u-00lE7vyhNSMEipknAu7LKp0zS4fGWXeM8e34SUfONNfFWmNTFwbWSXVO5Bv3UY/s1600/delicious.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kTXcCPSx4RvtCOUnsy99P3gipAbbApScwDtmKpnWBFsqlwafKpkuCciT3YGwL-L2pNK_etpXFarrDc3MoQIBY44ozSRlv4grCdtuYbDs2_ctykcS8Gv3q4DpYaBV7ypBZ65bwclAEoug/s1600/stumbleupon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp62GaU0ovN1hacYpXMHYwJZZWEB17NQI0KptkA_5DO5oVZMzwUeu4vfx6wHqYyn-5s8z2p2iuD9bqsrVDJAycOvr9ErDSeyL7v5CJthINDqmtwE4HylQWO2o_fGB-GPbjZDVf-czYqaRX/s1600/Digg.png) no-repeat;}

4: Search This Line.

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

(Note: If you could not find this code again find this code.)

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

5: Now paste this code before above said code.

<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'>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!--
google_ad_client=&quot;pub-YOUR PUBLISHER ID&quot;;
google_ad_host=&quot;pub-1556223355139109&quot;;
google_ad_width=300;
google_ad_height=250;
google_ad_format=&quot;300x250_as&quot;;
google_ad_type=&quot;text_image&quot;;
google_ad_host_channel=&quot;0001&quot;;
google_color_border=&quot;FFFFFF&quot;;
google_color_bg=&quot;FFFFFF&quot;;
google_color_link=&quot;0000FF&quot;;
google_color_url=&quot;008000&quot;;
google_color_text=&quot;000000&quot;;
//--&gt;&lt;/script&gt;
&lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39; type=&#39;text/javascript&#39;&gt;
&lt;/script&gt;
</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>

6: In the above said code change/ past your publisher code only Numeric Code.

Video Training Follow My Video.

Like Me on Facebook Page

Follow me Twitter

Vote me on  Reddit

Change Share Button Social Book Marking Social Network