Sunday, December 12, 2010

Add a Digg Button to Your Blogger Blog

How to Add a Digg Button to Your Blogger Blog
1. Sign in to your Blogger blog, then go to Dashboard --> Design --> Edit HTML.
2. Back up your template (unless you are absolutely sure what you are doing).
3. Click on „Expand Widget Templates“.
4. Now search for (Ctrl + F) the following line of code:
<data:post.body/>
5. Add the following code directly before said line:
<!-- DIGG --><div style="'float:right;"><script type="'text/javascript'">digg_url = '<data:post.url/>';</script><script src="'http://digg.com/tools/diggthis.js'" type="'text/javascript'/"></div>
6. Save your template. The Digg button will now appear on the top right side of your posts.
Customization:
If you want the Digg button to be shown on the left side you need to change <div style="'float:right;"> to <div style="'float:left;">.
That wasn´t so hard, was it?
Good luck!
P.S.: If, for whatever reason, the code under 5. does not work on your blog, then try this one instead:
<div style='float:right; margin-left:10px;'><script type='text/javascript'>digg_url=&quot;<data:post.url/>&quot;;</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>
You might also like:

0 comments:

Post a Comment