June 20, 2007

Adding Social bookmarks in New Blogger

People have started to using social bookmarks and its very common in blogs.But majority of these bookmarks are from sites like AddThis or iFeedReaders or AddThisBookmark etc. In this entry,we will see how to add social bookmarks to a new blogger.

Adding the new bookmarking links are not same as the old blogger.For the old blogger the blog entry url was represented as <$BlogItemPermalinkURL$> and title as <$BlogItemTitle$>.Whereas in the new blogger we have these represented as data:post.url and data:post.title respectively.

In new blogger you need to edit you template HTML to add these bookmarking links.In Templates, select "Edit Html" and check "Expand Widget Templates". Search for <p class='post-footer-line post-footer-line-1' />. Remeber that post-footer-line-1 will put your social bookmark links in footer's first link. If you intend to change the line, update the appropriate <P> tag. Also remember to close the tag in the end!

Add these to the required <P> tag :

Add to:
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title'>
Digg</a> |
<a expr:href='"http://del.icio.us/post?v=4&noui&jump=close&url= " + data:post.url + "&title=" + data:post.title'>
Del.icio.us</a>

Now simple save the template and you have your social bookmark added!

4 comments :

Rupesh said...

better go for addthis, one click bookmarking.

Anonymous said...

AddThis now even got better...

Unknown said...

Hi,

it seems my blogger template has some elements in the <p class=""> that you mention and I receive following error:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "url" must end with the ';' delimiter.

Can you paste exactly what you are using in your blog ?

thanks.
Slavi
http://devcha.blogspot.com

Admin said...

Add social bookmarks to your blog site such as digg, del.icio.us and StumbleUpon with simple code:

http://100-dollars.blogspot.com