Add Social Bookmark Widget/Links to Blogger

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:
    How to Add Social Bookmark Links beneath Blog Posts in Blogger
  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;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’>Digg</a> |
    <a expr:href=’&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’>Twitter</a> |
    <a expr:href=’&quot;http://technorati.com/faves?add=&quot; + data:post.url’ target=’_blank’>Technorati</a> |
    <a expr:href=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’>Del.icio.us</a> |
    <a expr:href=’&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’>StumbleUpon</a> |
    <a expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’>Facebook</a> |
    </b>
    <!– End of social bookmarks –>
  5. Finally, Save the Template. Finished!

You will see Social Bookmark Links as shown in the image below. Drop Comments!
How to Add Social Bookmark Links beneath Blog Posts in Blogger

UPDATENow you can add SHARE BUTTONS from the Blogger Design page easily. Read more HERE.