Add Digg Button to Post Page

Do you know Digg.com? I'm sure you know about digg.com, because digg.com is a most popular site in the world. With digg.com you can discover and share your blog content. So it's one of the way to increse your blog traffic. But I do not want to converse many hitting about digg.com, which I will focussed is the step of installing the digg button on your page post.




With Digg button you can easy to submit your post with your self or with your visitor to digg.com. Feel interesred to add digg button to your blog? this the steps :

1. Login to blogger with your ID
2. After entering the dashboard page , click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template:
5. Please mark the little box beside Expand Widget Templates. Wait for a moment.

6. Go to your template code, and find the code like this :

<p><data:post.body/></p>

7. Delete the code above and alter with following code :

<p> <!-- DIGG --> <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> <data:post.body/> </p>

8. Click Save Template button.
9. Done. Now digg button was added to your post.

Allright, that is if your template code is original, how about template code was modified with Read more function as my post. You must change your read more code with this :

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p>
<!-- DIGG -->
<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>
<data:post.body/>
</p>


<b:else/>

<style>.fullpost{display:none;}</style>

<p>
<!-- DIGG -->
<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>
<data:post.body/>
</p>


<a expr:href='data:post.url'><b>Read More...</b></a>

</b:if>



Save your template and done.

If you feel this post in usefull, please Digg it.

See you at my next interesteing post. Cheer.