How to 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:

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;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!

UPDATE: Now you can add SHARE BUTTONS from the Blogger Design page easily. Read more HERE.

You Might Also Like:

• How To Add Social Bookmark Links to RSS Footer using FeedFlare™
• How to Remove Label Post Count of Blogger Blog
• Remove or Hide Navigation Bar of Blogger Blog
• How to Add 3-Column Footer to a Blogger(blogspot) Blog
• How to Add Feedburner Email Subscription Widget to your Blog

Article by Shafar.
Author: Owner and Admin of TipsBlogger.
To submit your guest posts here, please read the Guidelines and Benefits.
Get Updates via: Twitter | RSS Feed | Email