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
tnx, it helped me a lot for my website
http://www.sassyqarla.com/
hello brian i like your blog there are plenty of nice and helpful article you write.
A Simple Kind of Something
maybe we can have some link exchange. I already add your blog to mine. thanks a lot for a wonderfull and great article of yours.
Excellent!
This was just what I was looking for to allow visitors to my blog to Digg it if they so felt the need.
Thanks!
I also have it running at http://dotdong.blogspot.com if anyone wants to see it working.
Thank you kindly for your tips. Took me a while to tweak the placement, but I prevailed. Here is my digg code in my Blogger template. The important bits are in between the first and last lines. For me, I wanted the digg icon to be on its own line, at the footer of each Blogger posting.
(Replace parentheses with pointed brackets)
(div class='post-footer-line post-footer-line-3')(span class='post-location')
(b:if cond='data:post.url')
(script type='text/javascript')
digg_url='(data:post.url/)';
digg_bgcolor='#c3d9ff';
digg_skin='compact';
digg_window = 'new';
(/script)
(script src='http://digg.com/tools/diggthis.js' type='text/javascript'/)
(/b:if)
(b:if cond='data:top.showLocation')
Hi Brian,
I have been searching and searching, but I cannot find an answer to my question about the Digg button. Perhaps you might have one for me. I have the code set with (data:post.url) so that each post has a Digg button and can be submitted separately; however, when I click on the button, it takes me to a page where I am given an option to add a title and description and the link there is my blog url, not my post url. Any idea how to fix this?
Thank you,
Pearl
Pearl Diver
I have the same problem like Pearl…
http://arthurboon.blogspot.com/
managed to replace them with smaller digg button after reading the post above
Thanks…keep up the good work.
http://e-booksheaven.blogspot.com/
Thanks. just what I am looking for.
looking good with my blogs ^_^
http://pinoyingermany.blogspot.com
http://techmata.blogspot.com
http://rhahfa.blogspot.com
road to health and health for all – one of the best blogs
thanks ..
done.. http://www.technu.co.cc
Thanks Brian. Worked like a charm.
Thanks a lot for sharing.
http://blogcrack.com
Excelent! Thank you!
Brian, thank you for this article, trying to move my blog into the ‘modern’ age. Will give it try, definitely!
http://manchestersquare.blogspot.com
thanks, that was great !
Thank You Brian!!!!!!!
I have spent about an hour trying to find the code but one of the comments on your site helped me find it finally!
Thanks! Works a treat!
mygadgetlife.blogspot.com
nice one!
thanx dude..
totally digg it!
http://moscow-english-bookstore.blogspot.com
Awesome! Thanks a lot. I used your script (with a few modifications) and added several scripts of my own. If you’d like, you can find them on my blog.
Thanks
Working great!
Thanks for the tip!
It is working nicely in my page.
http://www.durkhrodchogori.com/
Thanks for the tip!
http://www.onephysique.com
Easy instruction!
Thanks so much for posting this! Much appreciated. Now to get more people to Digg my posts!
I spent about a half hour looking through html code and still didn’t find what i was looking for but then went to the trusty google search engine and found this. Nice work and thanks
I use the same method – not sure if I got it from you originally or not but I’ve given this blog a mention at:
http://onlinemoneytester.blogspot.com/
thnks a lot addes in my blog get-insurance4health.blogspot.com
thanx, check out foodiesdelhi.blogspot.com, for great food in delhi.
thanx, check out http://foodiesdelhi.blogspot.com, for great food in delhi.
its awesome…..thanq
htttp://www.sprihaa.blogspot.com
Thanks for the tip.
thanx a lot!!! really helped me….
http://pradeepfernando.blogspot.com/
thnx a lot. really helpful for me
http://short.ie/foss
nice one for the code. I tweeked it a little bit, mine is now at the bottom left under the lables.
http://fubarvault.blogspot.com/
hi Brian, how do i remove it?
the big yellow dig button still appear after i removed the code..
Hi Brian,
I’m sorry , the problem is solve but i can’t deleted the previous comment so i leave another one here.
Thanks for the article..I wonder why don’t you have a digg yourself on your article?
I used to have it, but I have since switched over to WordPress – it was working, but I am currently experiencing a strange issue with my plugins.
Quick question. I followed the directions as you gave them, and every post’s digg button only gives a digg to my main page. What do I need to do to fix that?
JP Allen – Did you modify the code at all? The tag builds the link to point to the individual page. If you changed this at all, it might not work.