Sunday, 6 June 2010

Add Digg button to Blogger Post


Digg Button is really interesting for the showing the visibility of the websites over the search engines.
Having a ’submit to Digg’ button on your site definitely increases the chances of one of your readers submitting your content to the site

Social bookmarking sites sites can play a lead role in providing decent traffic and better PR.You must associate social bookmarking icons to each of your blogger blog posts so that your visitors can submit your posts to different social networking sites. LikeReTweet button, Digg button is also known as one of the most powerful social bookmarking icons, keeping Digg’s huge traffic and popularity in eye. If you want to give more mileage to each of your posts, you should add Digg button to each of your posts. Adding a Digg button is simple, takes a maximum of 5 minutes but works like one of the major pillars for your blog.





How to add Digg button to every blogspot post

Here are step by step guide to add Digg button counter to blogger:


  1. Login to your Blogger dashboard.
  2. Navigate to Layout ->Edit HTML
  3. it is recommended to backup template on local hard disk before doing any change in edit template box
  4. Back up your blogger HTML template
  5. Expand your widgets templates by checking the box
  6. Search for  <data:post.body/> inside your template (Press Ctrl+F to search)
  7. Add the following piece of code just before it



<!-- Digg Code  starts here -->
<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>
<!-- Digg code ends here -->


H.Click on Save Template to save the changes you have made
I.You are done.

Now you can see a Digg button to the next of your first post paragraph. Your visitors will be able to bookmark your blog posts on Digg by simply clicking on the Digg button. Remember not to play with the above Digg button code, however you can edit it to change the margin space or to align differently. If you want to display Digg button at the bottom of the posts, simply paste the Digg button code after 

  1. <data:post.body/>



0 comments:

    Post a Comment