Monday, February 23, 2009

Today I am going to show you how to add a large integrated Digg button to a Blogger Blogspot blog. The button will display next to the text of the first paragraph in your Blogger posts. This tweak is not difficult but you will be changing your template code so please make sure you backup your template before making any changes.

To add a large Digg button to your Blogger Blogspot posts

1. Login to your Blogger blog if not already logged in

2. Navigate to Layout > Edit HTML

3. Back up your template by downloading the full template

4. Check the Expand Widgets Template box

5. Find this line of code using CTRL + F

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

6. Paste the Following code above <p><data:post.body/></p>

<!--Digg.com Button-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url=&quot;<data:post.url/>&quot;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div></b:if>
<!--end Digg.com Button-->

7. Click on the Save Template button

8. Click on View Blog link and navigate to an individual post page. You will see your new digg button is only visible on the post page.

Today I have shown you how to add an integrated Digg button to your Blogger Blogspot blog in under a minute. Adding a Digg button will encourage readers to promote your blog by digging your blog content. As Digg is a ready source of traffic any articles dugg by visitors is likely to lead to increased site traffic.



Bookmark and Share
1 comments »

1 comments

website design company said...

Thanks for sharing this with us..

Post a Comment