How to add Digg.com button to every post on Blogger?

Adding Digg button to every post of your blog is not a game of only those script gurus. You can easily add Digg button to each and every post, that shows your digg count as well as gives facility to vote, by adding a simple code to your blogger script. But before we move on, let us know the importance of that ‘digg vote and automatic count’ button.

‘Digg vote and automatic count‘ button is very useful if you are a digg.com fan or if you depend on digg for a share of incoming traffic. You know the working pattern of digg.com, right. The content with most diggs get featured on their homepage and get a traffic boom. Now, consider yourself a digg.com user. You happened to be searching for a content on the net and you get a digg.com link to your desired content. You go there and enjoy the content as well as appreciate it. But, do you turn back to digg again to vote for that content? No. Infact, most of people don’t and thus the content producer is at loss. Imagine that a digg.com user(who even do not need to signup) did not vote the content he liked just because he had to go bac to the digg.com page and vote. Its not the case of just 1 person. There may be many like that who appreciates your work but do not vote because he has to go back and whatever. So by adding ‘digg vote and automatic count’ button, you are giving your digg.com refered visitors a chance to vote your content without any hassle. These votes mean a lot for your content exposure.

Alright, we had pretty enough explainations. Now, let us get started with the work.

Adding ‘digg button’ to every post on blogger

1. Login to blogger.

2. Under ‘layout’ click on the ‘Edit HTML’ tab.

3. Download the full template to your hard disk. This will be used, in case you are messed up with scripts. You can upload this downloaded file and get all your work as it used to be.

4. Search for the following code in your template HTML.

5. Now this step has choice. You can select the style of ‘digg button’ as well as its location.

To add this type of button, use the code given below.Add the code in black above

This code will generate a digg button on right top corner of every post. To change it’s location just change float value. For Example, if you would like this code to appear at left top corner, replace ‘float:right’ with ‘float:left’. Change it the way you need.

To add this compact ‘digg button’, use the code below. Add the code in black above

This code will generate a digg button on right top corner of every post. To change it’s location just change float value. For Example, if you would like this code to appear at left top corner, replace ‘float:right’ with ‘float:left’. Change it the way you need.

6. Preview your template and if everything works fine, save it.

Adding ‘digg button’ to a specific post on blogger

1. Go to Digg tools page and select the button you like.

2. Note the url(image location) of that digg button.

3. Write a post. Publish the post and get the url of the post and open the post again for editing.

4. Make the code given below and replace ‘URLofyourstory’ by your post url and the link in src=”" by the link of the button image you took in step 2. (Please make this code in Notepad)

5. Place the code created in step 4 at the spot you would like your vutton to appear.

6. Preview your page and if everything works fine, publish it.

So, what you think?

Did you like this tutorial and found it helpful or you feel it was just a waste of time? Express your freaking mind to me by leaving a comment.
="

font-weight: bold;">Liked my ravings ?

Subscribe to my ravings.

Tagged as: blogger, digg, how to