Monday, February 5, 2007

8 Steps to Place a Live Digg Button on Your Beta Blogger

The easiest way to get your articles on digg is to encourage your visitors to submit their favorite stories directly to digg. Up until this point many sites have linked directly to the URL submission page. While this works, it is now possible to take it one step further by pre-populating the submission form with a title, description, and topic.

Once your story has been successfully submitted you can now display the number of diggs and allow users to digg your content directly. How to do this depend upon the blogging software you are using. This post is all about how to put a live Digg button on your Beta Blogger.

1. Login to your beta blogger account. Once you are on your Blogger Dashboard window, select the blog you want the dig button to appear. Go to the Layout, click Edit HTML and check the Expand Widget Templates checkbox.

2. Download your current template to make a back-up.

3. Locate the following markup:

<h3 class='post-title'>

4. Replace the code below
 <h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

with
 <h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>

5.Locate the following markup:
<p><data:post.body/></p>

and replace it with
<p>
<b:if cond='data:post.link'>
<span style="margin: 0px 10px 0px 0px; float: left;">
<script>
digg_url = '<data:post.link/>';
</script>
<script src="http://digg.com/api/diggthis.js"> </script>
</span>
<data:post.body/>
<b:else/>
<data:post.body/>
</b:if>
</p>

6. Save your template.

7. Go to your Blogger Dashboard » Settings » Formatting » Show Link Field. Be sure to select yes.

8. Save Settings.

Now, if you want a link button to appear in a post, Edit the post and suppy the link field with the url of that post.

For more comprehensive guide, visit the post entitled Integrating the Digg Box in your Blogger Posts.

Why don't you try to digg this post and see if this really work?

If you enjoy this post Subscribe to This Blog's Feed.

Subscribe to Turn Your Blog Into Money Making Machine Feed
Subscribe to Site Feed by Email

---------------------------------------------------------------------------------------------------------------

1 comments:

sJ said...

How do i do it with the old blogger.

I am still confused about adding adsense code or the digg script inside the post.

Any idea ?