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 .

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='http://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='http://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='http://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='http://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='http://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='http://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='http://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 .