Add Social bookmarking below Blogger posts

In Todays world of blogging , social bookmarking has a greater importance for getting traffic ,recognition and attention from other Bloggers .I think you might have seen those bookmarking icons below all posts on my Blogger blog . So if someone likes my article , it would be easy for them to add it to their favorite bookmarking website .

Now I will tell you how you can add Social bookmarking below Blogger posts .

Add Social bookmarking below Blogger posts

Open up your Blogger templates‘ edit HTML and click on expand widget templates. Now find out this section <p><data:post.body/></p>
of code.After this line Just copy and paste this code .

&lt;p&gt;&lt;span style=&#39;font-weight: bold;font-size:12px;color:#444444;&#39;&gt;If You Liked This Post Do Share it with the World!&lt;/span&gt;&lt;/p&gt;<span class='bookmark'><br/><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' border='0' src='https://img14.imageshack.us/img14/8896/diggku9.png'/></a> <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' rel='external nofollow' target='_blank'><img alt='Technorati' border='0' hspace='12' src='https://img16.imageshack.us/img16/649/stumbleupondh6.png'/></a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot;   data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' border='0' hspace='12' src='https://img17.imageshack.us/img17/8656/technoratils5.png'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' rel='external nofollow' target='_blank'><img alt='Del.icio.us' border='0' hspace='12' src='https://img9.imageshack.us/img9/9328/deliciousae3.png'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' rel='external nofollow' target='_blank'><img alt='Del.icio.us' border='0' hspace='12' src='https://img12.imageshack.us/img12/9793/redditsw2.png'/></a>

<a expr:href='&quot;http://twitthis.com/twit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' rel='external nofollow' target='_blank'><img alt='Del.icio.us' border='0' hspace='12' src='https://img19.imageshack.us/img19/2369/twitterpg5.png'/></a>

<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot;   data:post.title   &quot;&amp;u=&quot;   data:post.url' rel='external nofollow' target='_blank'><img alt='Del.icio.us' border='0' hspace='12' src='https://img12.imageshack.us/img12/8207/yahoowc3.png'/></a>

<br/></span>

If you have related posts widget in Blogger , it would be better if you can place this code just below that section .

Here I am using Digg , Twitter ,Stumbleupon , Yahoo! bookmark , Technorati and Delicous . Remember to change those social bookmarking links with yours .  Now if you want more social bookmarking sites in your Blogger template, fetch corresponding URLs , get come 24*24 PNG icons and add it just above the last (</span>) line .

This entry was posted in Uncategorized by . Bookmark the permalink.

2 thoughts on “Add Social bookmarking below Blogger posts

  1. I tried pasting this code many times, however when I click on “Save Template” the page loads, but does not show the message “Your changes have been saved” and the code disappears automatically.

  2. I’ve try this code with blogger. But when I choose Preview button, one error message appears, it says “Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: Content is not allowed in trailing section.”
    What’s wrong?

Leave a Reply

Your email address will not be published. Required fields are marked *