Sunday, November 26, 2006

How to add a DiggIt and Del.icio.us links/button to blogger

Do you want to make it easy have your blog be submitted to the social networking sites like Digg and Del.icio.us?

You can add the submission URLs to the Comment footer of each of your blogger posts.

Below is how to do this in both the new and old version of Blogger.

Heads Up Folks: I've recently updated a simplier way to do this at this new post here.

NEWEST BLOGGER

Thanks to Sabre for looking and finding this. As he writes in his blog SabreNews: HOWTO add "diggit" and "del.icio.us" links to blogger( not beta , but latest version)

1.check whether email post page element is added to your blog .
if not, you can add thru template --->page elements page in your blog admin page

2.after adding email-post , search for in the edit html page of Templage.
do not forget to check "Expand Widget Templates"

3.paste the following snippet before tag
::for DIGGIT
<a expr:href='"http://digg.com/submit?phase=2&url=" +
data:post.url + "&title=" + data:post.title'
target='_blank'>DiggIt!</a>
::for DEL.ICIO.US
&lt;a expr:href='"http://del.icio.us/post?url=" +
data:post.url + "&title=" + data:post.title'
target='_blank'>Del.icio.us</a>



OLD BLOGGER


(1) Goto your blogger Template.
(2) Search for the BlogItemCommentsEnabled section.
(3) Add the submission URLs following the template:
digg: http://digg.com/submit?phase=2&url=www.UniqueURL.com&
title=StoryTitle&bodytext=StoryDescription&topic=YourSelectedTopic
del.icio.us:
http://del.icio.us/post?url=www.UniqueURL.com&title=StoryTitle

The below is the example of the BlogItemCommentsEnabled section I am using.

<BlogItemCommentsEnabled><br><a href="http://digg.com/submit?phase=3&url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>" Title="Submit To Digg" target="_blank"&gtDiggIt!</a> | <a href="http://del.icio.us/post?url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>" Title="Del.icio.us" target="_blank">Del.icio.us</a> | <a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnclick$>>
<$BlogItemCommentCount$> ;comments</a>



The blog I found this information in is:
Technology Wrap: Guide: How to add a DiggIt and Del.icio.us button to blogger

Keywords: Blogger, Submit URL links, Digg link, Diggit link, Del.icio.us link, Digg submit link, Diggit submit link, Del.icio.us submit link, HOWTO add Digg submit links to blogger, HOWTO add delicious submit links to blogger.

5 comments:

Anonymous said...

thanks for that source ,
but it doesnt work in the new blogger , if you find one , would you please send me the snippet :)

sabrecode@gmail.com

Anonymous said...

OK. That looks interesting and something I understand! I might have to come back and look into the code when it's not so late at night.

Do you know anything about making the 3 column template work right? I'm still having trouble with the padding, margins and column heights to line up properly. Thanks.

Anonymous said...

i found the digg link snippet for the new blogger
thank you

http://sabrenews.blogspot.com/2007/01/howto-add-digg-and-delicious-to-blogger.html

Paul Cooley said...

Thanks for looking Sabre. I hope you don't mind but I incorporated your hard work into this blog entry of mine.

Anonymous said...

I couldnt get ur source to work..but this source worked http://techwrap.blogspot.com/2006/03/guide-how-to-add-diggit-and-delicious.html

Thanks..Great blog