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. Yea, this is my mean :



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. Please see the picture :
3. Then click edit HTML tab. Please see the picture :
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.
http://www.blogspottutorial.com