Social Bookmark Links are widely used by bloggers to help their readers share the useful contents to the world! Digg, Technorati, Delicious, Stumble Upon, Facebook etc are widely used online social bookmarking and sharing communities.

This post explains how to add Social Bookmark Links below post body(content) in Blogger(blogspot) blogs. It's very simple, just do the following steps:

Please Note: Before Editing your Template, Save a copy of your current template by clicking 'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and 'Preview' the changes before Saving

  1. Go to Blogger Dashboard - click Edit Layout - then click Edit HTML

  2. Select Expand Widget Templates as shown in the image below:

  3. Then Search(Ctrl+F) the code given below in your template:
    <div class="post-footer-line post-footer-line-1">

  4. Add the code given below just after the above line:

    <!-- Start of social bookmarks -->
    <b><i>Share this:</i>
    <a expr:href='&quot;;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Digg It</a> |
    <a expr:href='&quot;; + data:post.url' target='_blank'>Add to Technorati</a> |
    <a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Save on</a> |
    <a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Stumble It</a> |
    <a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Share on Facebook</a> |
    <br/><i>Widget by:</i> | <a href='' target='_blank'>Blogger Tips and Templates</a> |
    <!-- End of social bookmarks -->

  5. Finally, Save the Template. Finished!

You will see Social Bookmark Links as shown in the image below. Drop Comments!


Ideation Fashion said... @ June 21, 2013 at 12:52 PM

Thanks for your nice tutorial. Wonderful job. hermes wallet

Sagar Rajbanshi said... @ September 15, 2021 at 10:27 PM



Post a Comment