In most of the blogs, you may have seen social bookmarking icons on each blogger posts.And if you are thinking to put social icons on your blogs too, you are on right place. Since social bookmarks improve traffic to our blog, Most bloggers prefer to have this icons on their posts.
Step by step guide
Follow these simple steps to display beautiful social bookmarking sites
Log in your blogger dashboard. > Click on –> Template –> Edit HTML. Make a backup of your template before you do any changes in the template. Press CTRL+F and search for the following line:
PUT SOCIAL ICONS JUST BELOW TITLE
1.Find the Below code
<data:post.body/>
2. Add the following code Before the above code
<!– Social Bookmarking Widget By www.bestbloggertips.com –>
<b:if cond=’data:blog.pageType == "item"’>
<div class=’addthis_toolbox addthis_default_style’ style=’margin: 0pt; padding: 0px; height: 30px;’>
<a class=’addthis_button_facebook_like’ fb:like:layout=’button_count’/>
<a class=’addthis_button_tweet’/>
<a class=’addthis_button_email’/>
</div>
<script src=’http://s7.addthis.com/js/250/addthis_widget.js#username=raja3c’ type=’text/javascript’/>
</b:if>
<!– Social Bookmarking Widget By www.bestbloggertips.com –>
ADD SOCIAL ICONS JUST BELOW POSTS
1.Find the Below code
<data:post.body/>
2. Add the following code after the above code
<!– Social Bookmarking Widget By www.bestbloggertips.com –>
<b:if cond=’data:blog.pageType == "item"’>
<strong>Do You Like This post?Share With Your friends!</strong><br/>
<div class=’addthis_toolbox addthis_default_style’ style=’margin: 0pt; padding-top: 10px; height: 30px;’>
<a class=’addthis_button_delicious’/>
<a class=’addthis_button_digg’/>
<a class=’addthis_button_facebook’/>
<a class=’addthis_button_reddit’/>
<a class=’addthis_button_slashdot’/>
<a class=’addthis_button_stumbleupon’/>
<a class=’addthis_button_twitter’/>
</div></b:if>
<!– Social Bookmarking Widget By www.bestbloggertips.com –>
Now you are done ! CHEERS!
