Share and Bookmark Button after every Post Header with Direct Linking to favourite social networking site or some sharing sites like digg, stumble upon, myspace, twitter and facebook and many more : easly customized for blogger blogspot blogs

We always wanted a Share or Bookmark button on every blog post so that blog readers can post shar or Bookmark the post on thier favourite social networking site or some sharing sites like digg, stumble upon, myspace, twitter and facebook and many more...
If you want Share and bookmark button as used in this blog after the Post header then Follow the following steps and its all done... very easy indeed.

1. Login to your blogger account and go to LAYOUT.
2. Now click on EDIT HTML >> check " Expand Widget Templates" 
3. Use Browser Text Search Feature using shortcut "Ctrl+F" and type in "post-header-line-1" to find <div class='post-header-line-1'/> just after the comment section.
4. Its Just above  "<data:post.body/>".
5. After "<div class='post-header-line-1'/>" paste the following code :




 
<!-- Share&Bookmark DIV Block START -->
<div style="float: right; margin-bottom: 15px; margin-top: 15px;">
<fieldset>
<br />
<legend>Share and Bookmark</legend>
<br />
<!-- Share&Bookmark Button START -->
<div>
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_compact" href="http://iloveindia.co.nr">Share&Bookmark</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_facebook" href="">
</a><a class="addthis_button_myspace" href="">
</a><a class="addthis_button_google" href="">
</a><a class="addthis_button_twitter" href="">
</a><a class="addthis_button_stumbleupon" href="">
</a><a class="addthis_button_digg" href="">
</a><a class="addthis_button_delicious" href="">
</a><a class="addthis_button_technorati" href="">
</a><a class="addthis_button_yahoobkm" href="">
</a><a class="addthis_button_buzz" href="">
</a><a class="addthis_button_googlebuzz" href="">
</a><a class="addthis_button_mixx" href="">
</a><a class="addthis_button_orkut" href="">
</a><a class="addthis_button_blogger" href="">
</a><a class="addthis_button_igoogle" href="">
</a><a class="addthis_button_gmail" href="">
</a><a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4bd4572902be65f7" target="_blank">more...</a>
</div>
<script src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4bd4572902be65f7" type="text/javascript">
</div>
<!-- Share&Bookmark Button END -->
</fieldset>
</div>
<div style='clear:both; overflow:auto'>
</div>
<!-- Share&Bookmark DIV Block END -->





6. Save the Template. Its All Done. Now after every post title SHARE & BOOKMARK buttons will be shown. 
7. To remove any sharing icon just remove the link in the code above, for example if you want to remove the YAHOO BOOKMARK Icon just remove  "<div class='post-header-line-1'/>" and its all done.
8. Best of Luck. Happy sharing.

NOTE: Always Save your template before editing your HTML codes.

Follow I Love India on Facebook:

Like this Post??? Share it: