There are many people using Blogger.com and 1 of the disadvantages until recently has been not being able to use social bookmarking for their individual blog posts.
Even with the newer version of Blogger.com, there was no easy way to add Technorati tags or a Digg button to a blog post. If you wanted Technorati tags, you had to create them yourself and put them at the end of your article. If you wanted a Digg button, you could put 1 on your blog but not on each separate article.
Today I'll share my secret of how I easily put Technorati tags on every 1 of my postings and the code I put in my "New" Blogger template that automatically produces the Digg button.
How To Add Technorati Tags To Your Blogger Posts
I hope you're using either Windows XP or Mac OS X because those are the 2 operating systems this tool will work on.
- Go to http://www.qumana.com/download.htm and get the download. They have instructions on installing it and using it at http://www.qumana.com/help.htm.
- Use this blog editing tool to write your articles.
- Before you post your article, use the "Insert Tag" button at the top to insert your Technorati tags.
- Publish your post with the "Publish Post" button.
- Log into Blogger and edit your post to add your blog labels for your post and to make any formatting changes necessary.
While doing it this way may sound like more work, I think it's easier than trying to format Technorati tags correctly and adding them myself.
How To Automatically Add A Digg Button On Your Blogger Posts
- Login to your Blogger account and go to the Template - edit HTML page.
- Download a copy of your template to your PC. (This is in case you make a mistake and need to undo what you're going to do.)
- After you've save a backup copy of your template, click the "Expand Widgets Templates" box.
- In your template, find the line of code that looks like:
<p class='post-footer-line post-footer-line-3'/>
(In my template it's a little more than half way down.) - Insert this code after that line:
<a expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' target='_blank'><img src="http://digg.com/img/badges/80x15-digg-badge.gif" width="80" height="15" alt="Digg!" /></a>
(NOTE: When you copy this line of code, put it into a text editor and remove all the line breaks before you paste it into your template.) - Preview your blog and see if it worked. If it did, you should see a Digg button at the end of your postings and you can save your template. If it didn't work then you can either try again or go back to your unchanged template.
- Once you have a Digg button on your posts you can change the button image if you want. You can see the ones available at: http://www.digg.com/tools/buttons
To use a different button image just replace the part of the line that starts with <img and ends with /> with the image code for the button you want.
Example:
Replace
<img src="http://digg.com/img/badges/80x15-digg-badge.gif" width="80" height="15" alt="Digg!" />
With
<img src="http://digg.com/img/badges/85x10-digg-link.gif" width="85" height="10" alt="Digg!" />
There are many social bookmarking sites and although I don't use as many as I should, you can use the methods I've used to put these 2 social bookmarks on all your Blogger posts.
To Your Success,
Susan
P.S. If you found this tip useful, please leave a comment.
Tags: add digg button to blogger post, add digg button, add technorati tags to blogger, add technorati tags, social bookmarking