How to Auto Add Digg Button In All Blogger Posts

by Atif Sharif on August 19, 2010

Digg.com is a social bookmarking site where we bookmark our blog contents and other people vote on these posts that this post is useful or not. So,this is the big traffic resource if you use Digg button on your blog. Visitors come on your blog from all around the world through this simple and auto service. So lets start to Auto Add Digg Button In All Blogger Posts,

digg button How to Auto Add Digg Button In All Blogger Posts

1. Log In to Blogger Account
2. Click on Design and then Click on EDIT HTML tab.
3. Backup your template first. Click the Download full template link and Save your template.
4. Click  on box beside Expand Widget Templates.

expand widget templates How to Auto Add Digg Button In All Blogger Posts

5. Find this code in your template,

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

6. Delete the above code or replace with this code given below,

<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>

7. Click On Save Template Button
8. Finish

Note: If you use read more hack for your blog then the above code is not working for read more hack posts. So, you can use the given below code for add Digg It Button.

1. Find this code first

<b:if cond=’data:blog.pageType == “item”‘>

2. Copy and paste the below code and replace your read more code.

<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>

8. Save your Template
9. Finish and Done

{ 6 comments… read them below or add one }

educational grants August 20, 2010 at 9:08 pm

Wow this is a great resource.. I’m enjoying it.. good article

Harmony Crompton September 8, 2010 at 9:50 pm

This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work.

cpanel tárhely September 18, 2010 at 3:04 pm

I recently came across your website and have been reading along. I thought I would leave my first comment. I dont know what to say except that I have enjoyed reading.

Atif Sharif September 23, 2010 at 10:16 pm

Thanks For Visting to My Blog….

lala January 30, 2011 at 7:47 am

thank you for that tip! but how do i add similar media sites ? the same with your current social media links? this is my blog http://onewiththemachine.blogspot.com can you help me?

Atif Sharif February 1, 2011 at 11:18 pm

You can add this by adding the code given in the site…

Leave a Comment

Previous post:

Next post: