Quick Tip #1: Tagging Bookmarklet

1 11 2006

Wow. I recently bumped into this article entitled “A Tagging Bookmarklet for WordPress and WordPress.com Users” by Lorelle VanFossen, which basically helps automatically create HTML tags for those Technorati and Site Search tag-links below each post. These tags help Technorati understand each article better and place them to their proper topics.

It’s basically a javascript code which you place on your bookmark, or the bookmarklets tab on FireFox. You just enter your tags, and it returns the code with the HTML tags for the tag-links. Brilliant! I guess I would have thought of this myself eventually, but hey, at least they saved me the brain cells required to come up with that gig.

Anyway, here’s my javascript code, which I use to generate the tags below:
javascript:(function(){var a=''; var t=prompt
('Enter Tags without commas:',''); if(!t)
return; var tr=t.split(' '); a+='<hr /><p>
<font size="-1"><b><font color="green">
Technorati Tags</font>:</b> '; for(var i=0;
i<tr.length; i++){if(i>0)a+=', '; a+='<a
href='+unescape('%22')+'http://www.technorati
.com/tags/' + tr[i]+unescape('%22')+' rel='+un
escape('%22')+'tag'+unescape('%22')+'>'+tr[i]+
'</a>'; }a+='<br/><br/><b>Site Search Tags:</b
> '; for(var j=0; j<tr.length; j++){if(j>0)a+=
', '; a+='<a href = '+unescape('%22')+'/?s='+t
r[j]+unescape('%22')+' rel='+unescape('%22')+'
tag'+unescape('%22')+'>'+tr[j]+'</a>'; }a+='</
font></p>'; prompt('Copy this code, press OK,
then paste to your blog entry:',a); })();

Feel free to use it on your own blogs. Just follow these 5 quick steps:

  1. On your browser, create a new bookmark and name it whatever you want. It doesn’t matter if it’s in the Bookmark menu, or in the Bookmarks toolbar. But I prefer it in the Bookmarks toolbar so that I can access it with a single click.
  2. At the Location part of the bookmark, copy-paste the entire code posted above. If you understand javascript, you can edit it before pasting if you want. If you don’t, that’s another lesson, for another time. 🙂
  3. The next time you post an entry on your blog, switch to HTML editor mode, then click the bookmarklet that we just made. Enter your tags separated by spaces, not commas (if you need to add a tag with two words, do it like this: two+words). Then click OK.
  4. Copy the text that the script will return, click OK, then paste the text on the bottom of your blog entry.
  5. Give yourself a pat on the back.

Technorati Tags: , , , ,

Site Search Tags: , , , ,

Advertisements

Mga Tugon

Information

Mag-iwan ng Tugon

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Baguhin )

Twitter picture

You are commenting using your Twitter account. Log Out / Baguhin )

Facebook photo

You are commenting using your Facebook account. Log Out / Baguhin )

Google+ photo

You are commenting using your Google+ account. Log Out / Baguhin )

Connecting to %s




%d bloggers like this: