Before you begin, Why Digg? If I were to explain this in an elevator, I'll say that its a way to get more visitors to your blog. Thats it. Thats the bottom line. Obviously, its more than that, but do we really need to know? :) Ah well .. for the more curious, go here to read more.
Digg is a website made for people to discover and share content from anywhere on the Internet, by submitting links and stories, and voting and commenting on submitted links and stories. Voting stories up and down is the site's cornerstone function, respectively called digging and burying. Many stories get submitted every day, but only the most dugg stories appear on the front page.
-- extracted from Wikipedia.
-- extracted from Wikipedia.
Here are a couple of very simple steps to add a Digg button to Google's Blogger. There are many ways out there to make this happen, but the steps below is what I found to be the easiest and fastest. After all, I used this method myself! :D
- Make sure you are not using the Classic Blogger's template. By now everyone should have upgraded. If you have not, you should do it first.
- Go to Layout, Edit HTML
- Make sure you tick the Expand Widget Templates checkbox
- Search for the <data:post.body/> text. There will only be one, so you can't miss it
- Once found, paste the following code before that text
<!-- DIGG Button BEGIN -->
<div style='float:right;'>
<script type='text/javascript'>
digg_url = "<data:post.url/>";
digg_title = "<data:post.title/>";
digg_bgcolor = "#ffffff";
digg_skin = "compact";
digg_window = "new";
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- DIGG Button END -->
The final result looks like this:
<div class='post-body'>
<p>
<!-- DIGG Button BEGIN -->
<div style='float:right;'>
<script type='text/javascript'>
digg_url = "<data:post.url/>";
digg_title = "<data:post.title/>";
digg_bgcolor = "#ffffff";
digg_skin = "compact";
digg_window = "new";
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- DIGG Button END -->
<data:post.body/>
Bold text represent the new code that you should paste into the template.
Final notes (tweaking stuff):
The digg_bgcolor option can take any valid CSS color and is used only to change the background color around the outer edge of the button. If omitted, the default color is white.
The digg_window option can be set to 'new' if you wish any clicks to open in a new window, as opposed to the default which is to open links in the same browser window.
The digg_skin option controls the look at the button. If omitted the button defaults to a standard digg button. If specified as 'compact', then a smaller horizontal visual design is used that will fit better into a list of links. If specified as 'icon', then only a 16x16 digger icon is returned.
That's it! Hope this article shows you the easiest way to add Digg to your blog. If you need any assistance, please don't hesitate to ask!






Post a Comment