Digg for Blogger. ~ The Blog Doctor.
Loading...

Digg for Blogger.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

Digg.com is a social news site where everything is submitted by you. After you submit a news story to Digg other contributors vote for or "digg" the story and it makes its way to the front page of digg where millions see it and this generates traffic to your blog........

When a story receives 40 to 60 diggs it becomes more likely to come on the front page of digg.com. If your blog has an intresting story you can submit it to Digg and see if it climbs up the charts and drives traffic to your site.

You can submit your blog to digg.com in a similar fashion. You can become a registered member of Digg and comment on the different news articles. Members can also make “friends” with other member and view their statistics. Digg’s emphasis is on technology, science, politics, entertainment and politics. Digg also allows you to track your friends' activity throughout the site — want to share a video or news story with a friend? Digg it!


DIGG BUTTON FOR YOUR BLOG


You can put a Digg Button on your sidebar to help viewers digg your blog. There are two sizes normal and compact. To put it in the sidebar go to Template------>Page Elements and click on Add Page Element link in sidebar. Choose Html/Javascript option and paste the following code in contents window :



<script type="text/javascript">
digg_url = 'WEBSITE_URL';
digg_bgcolor = '#ff9900';
digg_skin = 'compact';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

The digg_bgcolor option can take any valid CSS color and is used only to change the background color around the outer edge of the button. If omitted, the default color is white. The digg_skin option controls the look at the button. If omitted the button defaults to a standard digg button (much like the one you see on Digg itself). If specified as 'compact', then a smaller horizontal visual design is used that will fit better into a list of links.


DIGG BUTTON FOR EACH POST


To enable viewers to submit your post to Digg provide a button link below your posts. First right click the above button and save it to your hard disk. Then upload the button to a freehost like Googlepages. Copy down its link. Then login to Blogger Dashboard and click on Layouts for your blog. This will take you to Page Elements tab. Click on Edit Html tab next to it and first download your template to PC using Download Full Template link. Then put a check in Expand Widgets Template radio box at top of template box. Scroll down in Edit Template text box until you come to this line in the Blog Posts widget :

<p class='post-footer-line post-footer-line-3'>

Copy and paste the following code after the above line :

<a expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' target='_blank'><img alt='DiggIt!' src='URL OF DIGG BUTTON AT FREE HOST'/></a>

In the above code replace the "&" character with "& a m p ;" without the spaces to make it XHTML compatible. Save Template.


Technorati Tags:

24 comments:

Carl in Jerusalem said...

Then login to Blogger Dashboard and click on Layouts for your blog. This will take you to Page Elements tab. Click on Edit Html tab next to it and first download your template to PC using Download Full Template link. Then put a check in Expand Widgets Template radio box at top of template box. Scroll down in Edit Template text box until you come to this line in the Blog Posts widget :

I tried this. I don't have a layouts tab, a page element tab or an expand widgets template radio box. I'm using New Blogger with an old template. Is there a way I can do this?

vin said...

Carl
Go to http://digg.com/tools

Vyque said...

I keep getting this message when I try this:
"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "url" must end with the ';' delimiter."

vin said...

vyque,
Take a look at :
Error messages in New Templates

G said...

I know how to get the Yellow Digg This button with the Digg count automatically to your Blogger blog every time you post:

You can Check my site to see how it worked.

I tried to post the code here, but the moderator won't let me. So check it out here.

Andy said...

I use a custom template and don't have access to the Expand Widgets or the code listed for the footer. Is there a way to add Digg to each post using a custom template?

vin said...

Andy,

Are you using the classic template? What is your blog url? Use my email address in middle column for detailed help.

Andy said...

Using a classic template. The sections of code listed in the Digg for each post example isn't available in our templates. But I was able to get it to work by using < $BlogItemPermalinkURL$ > instead of data:post.url. And since < p class='post-footer-line post-footer-line-3' > isn't available in the classic template, I placed the code above < BlogItemCommentsEnabled > in the < p class="post-footer" > section.

www.clarionledger.com/blog, if anyone is curious.

Guy said...

Thanks for the instructional post. Tried it and I do get the link, but only the alt "Digg!" shows. If I right click it and select "showimage", I get the image.
I'm baffled. Tried adding the proper width and height - to no avail. Could it be something in the template blocking an img tag?
Check my blog at guyvider.blogspot.com.

Thanks

vin said...

Guy,

I can see the Digg image. Refresh your cache. See :


http://betabloggerfordummies.blogspot.com/2006/10/how-to-refresh-your-blog-page-in.html

Guy said...

Vin,
Thanks for the reply (and sorry for the delay). I actually had to re-upload the image - but now it's working. Carry on with the good work.
Do you have a post about blog promotion, perhaps?
Regs,
Guy

vin said...

Guy,

Have a look at :

http://betabloggerfordummies.blogspot.com/search/label/Increase%20Traffic

Jussi said...

Hi,
I'm having trouble getting the digg image to show up on my blog. I have done everything else but just the digg image i saved is not showing. Where should i paste the image link?

Kind regards,

Jussi

vin said...

Jussi,

This is the code you pasted in your template :

<img alt='DiggIt!' src='URL OF DIGG BUTTON AT FREE HOST'/></a>

Replace the CAPITALS in the above code with the link of your image.

cliptip said...

Ok. I've followed explicitly the above comments (particularly Andy's advice) on adding Digg links for each post in classic blogger.

I've got the image to work but link is non existent. Anyone offer a little advice?

earnest

vin said...

Cliptip,

Your blog has the Classic Template. Try this code :

<a expr:href='"http://digg.com/submit?phase=3&url=" + <$BlogItemPermalinkUrl$>' target='_blank'><img alt='DiggIt!' src='URL OF DIGG BUTTON AT FREE HOST'/></a>

earnest said...

Copied and pasted code for code. Still no links.

check it here: http://cliptip.blogspot.com

help!

earnest

vin said...

Earnest,

Looks like you will have to upgrade to the new layouts template :-(

Relax! Try this code :

<script type="text/javascript">
digg_url = '<$BlogItemPermalinkURL$>';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>


Surely I deserve a link after all that hard work! :-)

earnest said...

Cool. But...........
....... now I have that giant Digg counter messing up the formatting.

The gods of code hate my blog.

earnest

vin said...

You can change the button design with this code :

<script type="text/javascript">
digg_url = '<$BlogItemPermalinkURL$>';
digg_bgcolor = '#ff9900';
digg_skin = 'compact';
digg_window = 'new';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>


The digg_skin option controls the look at the button. If omitted the button defaults to a standard digg button (much like the one you see on Digg itself). If specified as 'compact', then a smaller horizontal visual design is used that will fit better into a list of links.

If specified as 'icon', then only a 16x16 digger icon is returned.

Zeon said...

Hi! I tried and it worked, but it showed up in front of my 'posted by...', when I want it to appear last. What can I do to fix it? Here's the blog.

http://bambooorchestra.blogspot.com/

Also, I also want to add Digg to another blog of mine which works in classic template. So how can I put it in?

Thanks in advance.

vin said...

Zeon,

Paste the code after this block of code :

<span class='post-timestamp'>
........
........
</span>

To put it in a classic template see :

http://betabloggerfordummies.blogspot.com/2007/02/digg-for-blogger.html#comment-7827238085860204254

http://betabloggerfordummies.blogspot.com/2007/02/digg-for-blogger.html#comment-208411566508966652

D. Patrick Caldwell said...

Awesome! Thanks a lot. I used your script (with a few modifications) and added several scripts of my own. If you'd like, you can find them on my blog.

Dad.. said...

Nice post. GREAT SITE! Thanks!!

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.