Add Digg To Blogger.com Posts
After a poking around the xml template for my site, and playing around with the Digg code, I’ve figured out how to add a Digg button to my posts.
Listed below is a quick how-to for adding this functionality to your website too.
- Make sure your blog is set to enable Post Pages and you are using the new Blogger, not the classic version
- Go to the customization section of your blog, on the Template tab select Edit HTML
- Make sure to click Download Full Template and save a backup copy to disk – just in case.
- Put a check in Expand Widget Templates.
- Search for
<p><data:post.body/></p>
Update: November 5th, 2008It has come to my attention that some templates use a slightly different formatting. If you cannot find the text listed above – try searching for
<data:post.body/>and follow the rest of the instructions. - Paste this on the line directly before it:
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url="<data:post.url/>";</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div> - Preview your template to make sure it looks right – the Digg icon should appear at the top right of all your posts. Hover your cursor over it and make sure the link URL matches your post URL.
- If all looks well, click Save Template and then View your blog
Happy DIGGing!
Themocracy
hi brian, good work.
i’ll put this post on my blog,
http://template-godown.blogspot.com
thank you
Thanks, Brian! Already put your genius to good use!
http://missmotamouth.blogspot.com/
Glad to be of service, and hey, feel free to DIGG this post or link to me if you liked it.
hi brian, thanks for your comment-back. actually i put a link already, on your name [brian cantin] and words [his step].
but it’s now updated by adding a footer linking to your page.
sorry for the inconvenience.
regards,
Thanks alot for the info. I managed to add Digg to my blog. It’s at slackogamer.blogspot.com
Worked perfect. Thanks!!!
Hey this is great, worked perfectly. I posted the code in my blog
http://photographyperdiem.blogspot.com
Thanks very much! your good!
great it’s working fine awesome buddy
Out of all the sites I went looked at to get the Digg button on my site, yours is the only that has worked for me.
Thank you verry much my freind. I add it to my blog its verry cool. see it
http://computers-maintenance.blogspot.com
Have a nice day.
You’re a good man, thanks. Added to HomeServerHacks.com.
And I was dumb enough to add it to each post…
Stupid stupid stupid…
Thanks!
“And I was dumb enough to add it to each post…”
I was going to do this and figured there had to be a better way… Going through all my posts and manually linking them seemed rather daunting.
Not to mention I am rather forgetful and lazy – so remembering to add it to each post seemed troublesome.
I put in both digg it and reddit button short and sweet tutorial
and
I gave my html code on how to do it if anyone is interested
http://americangoy.blogspot.com/2008/01/housekeeping-digg-it-and-reddit.html
Thanks for the useful advice, always appreciated.
QuickExtenderPro
Thank you very much for this advice, Your method is so simple yet effective. Double thank you!
Thanks for this! I’ll be implementing this on my blog:
http://gametheoryonline.blogspot.com/
Right on. Worked Great! BTW Google presented you up top.
http://blog.anzelonline.com/
Great! This is really a brilliant hack! Thanks. I have added this in my blog at Man Fashion
Cheers
Great and useful advice, this was rea good for me.
actually the idea is not genuine anymore, i believe it’s taken from http://tips-for-new-bloggers.blogspot.com/2007/03/add-digg-button-to-blogger-or-blogspot.html
I’m not sure what you mean ‘not genuine anymore’ – this still works just fine, as seen on all my pages.
I see that the listed link does not directly work, however, regardless of when that was posted – it was not readily available at the time I wrote mine, otherwise there would have been no point in the first place.
Many thanks! I wanted to put my digg at the bottom of each post, so I pasted the code a few lines down, after the last line in the post-footer code (it’s the data post timestamp on mine) and before the /b:if line. Thanks again.
Thanks!
Added sucessfully to http://www.whatanexperience.org.
I placed your post in my blog. I’, not sure if this happened to any one of you. when i submit a post to digg using that icon, it always gives out an error. Anyone experienced this?
WooHoo! Working like a dream
Lester
lesterhein.blogspot.com
thanks for the help. i really wanted to put a “digg” link on my posts.. nice post! very helpful!
http://jeypriey.blogspot.com
nice work. tkank you my blog is http://ifrim3.blogspot.com
Thank you. Digg is working perfect on my blog!
http://justamoneymaker.blogspot.com/
Your post is the post that keeps on giving! Thanks! I don’t understand why it was so hard to find such simple directions. I can only imagine what your visitor count is up to.
very useful script, thanks for that
i used it in my blog
THIS WAS GREAT!Thank you so much for providing this information. With a little bit of patience, I found the prompt.
For some reason this WAS working, but today it completely stopped working. I even tried to change to a default template again, and redo it. I see when it loads up it is contacting digg.com but I can’t see anything – anybody know why? please let me know
fyi – if you look at http://www.bigredmat.com you will see that the new reddit works just fine, so I don’t understand why the digg one won’t work…
Awesome Thanks Brian!!!
many thanks
i added to my blog http://ccna-test.blogspot.com
perfect tips. i added in my blog now
thanks a lots.
all this does for me is removes all my posts and leaves a bunch of digg buttons :/
nickandlena.com
Super Cool Dude! Thanks
http://anand-mind-spark.blogspot.com
I will Digg this post!
Thanks a ton. was waiting for this
http://www.hithari.com
Thx alot! This was exactly what I needed. And you can even customize the digg button!
thanxs a ton Brian. It worked for my blog. Appreciate your hard work.
Thx, just added to
http://wfhmedia.blogspot.com/
Nice hack …just added to
http://future-gadget.blogspot.com/
Just a note to those who where having unexpected results – make sure you are in fact running on the new blogger and are not using blogger hosted on an external site. Be very careful to insert the code exactly where stated, otherwise things may explode. I missed a line of code trying it out and my toaster caught fire – you really need to watch closely.
I can’t find the html tag u mentioned
in the edit html template.
Nice,,,Work,,
I had implemented thi on my blog,,
http://techcolors.blogspot.com
can you help me?? I already added it but its not appearing, is it my template? I have a chat box there please help me http://yahoo-nukers.blogspot.com/
Thanks man. I added it in my blog (http://www.coderambles.com). Is there any way to pass title and description to digg?
Thanks Brian.
http://jibbingtheweird.blogspot.com
check it out for all your news of the random