Free Hogg

12.1.05

Technorati tags bookmarklet.

Filed under: Tagging, Tags, Technorati, Weblogs — Hogg @ 4:45 am

Update: See this comment for the code for a bookmarklet that opens the tag links in a new tab/window. Let me know what you think.

Update 2: I know the code doesn’t all fit on the page with the Emire theme. Sorry. You should still not have a problem selecting it all to copy and paste.

Update: I updated the code to add a little Technorati icon next to the tags. To use it, just replace <img id="image329" src="http://freehogg.files.wordpress.com/2006/04/technorati.gif&quot; alt="Technorati" /> with your own file location, and viola! You’ve got an icon.

Technorati technorati tags: , , ,

I’ve started using a bookmarklet I found at Lorelle’s blog to add my Technorati tags to the bottom of the posts. Here’s how to make your own:

  1. Copy the code below.
  2. Right-click on your bookmarks toolbar and select New Bookmark.
  3. Change the Name to whatever you want. I use “Technorati tags”.
  4. Paste the code into the location box.

javascript:(function(){var a='';var t=prompt('Enter Tags without commas:','');if(!t) return;var tr=t.split(' ');a+='<p><img id="image329" src="http://freehogg.files.wordpress.com/2006/04/technorati.gif&quot; alt="Technorati" /> technorati tags: ';for(var i=0;i<tr.length;i++){if(i > 0){a+=', ';}a+='<a href='+unescape('%22')+'http://www.technorati.com/tags/'+tr%5Bi%5D+unescape('%22&#39;)+' rel='+unescape('%22')+'tag'+unescape('%22')+'>'+tr[i]+'</a>';}a+='</p>';prompt('Copy this code, press OK, then paste to your blog entry:',a);})()

Now, whenever you write a post, just click on the bookmarklet, enter in the tags, and it will generate the HTML to paste into your blog post.

Technorati Tags: , , ,

About these ads

59 Comments »

  1. The link bookmarklet is broken…

    Comment by ycc2106@yahoo.com — 12.6.05 @ 7:22 pm

  2. Sorry, I’ll rectify the situation ASAP.

    Comment by Hogg — 12.6.05 @ 7:27 pm

  3. [...] Since it seems that WordPress.com has not been pinging Technorati for me, I found this bookmarklet on Robert Price’s blog to accompany the Technorati Tags Bookmarklet. [...]

    Pingback by Free Hogg » Blog Archive » Ping Technorati Bookmarklet. — 02.24.06 @ 10:34 am

  4. [...] Make it the same way as the others: [...]

    Pingback by Free Hogg » Blog Archive » WordPress.com has tags, and I have a bookmarklet. — 02.24.06 @ 12:53 pm

  5. I noticed your code generates ‘/tags/’ while the Tech site generates ‘/tag/’

    Is there a difference between these two?

    Wen Jiaboa

    Wen+Jiaboa

    Comment by dave — 02.28.06 @ 6:57 am

  6. Nope. Technorati in all it’s greatness works the same when you use “tags” or “tag”. You choose your favorite.

    Comment by Hogg — 02.28.06 @ 7:48 am

  7. thank you … i’ve found your explaination more clear than Lorelle’s one !!!

    Comment by koolinus — 02.28.06 @ 10:38 am

  8. I’m glad I could help.

    Comment by Hogg — 02.28.06 @ 11:59 am

  9. [...] Free Hogg 損 Blog Archive 損 Technorati tags bookmarklet. I’ve been looking for something like this! [...]

    Pingback by jeffcaylor.com » links for 2006-02-28 — 02.28.06 @ 10:11 pm

  10. Brilliant – thanks very much for this – I’m finally tagging properly. Very clear explanation for Typepad use!

    Comment by Antony Mayfield — 03.4.06 @ 4:21 am

  11. [...] I discovered this post on how to create a Technorati ‘bookmarklet’. This places a bit of Javascript code right on your browser’s bookmark toolbar (I’m using Firefox). Now, when I write my post, I just have to click on my bookmarklet and enter my tags and it generates the code to copy in at the bottom of my post. I even geeked out a bit and managed to personalize the code a little so it’s right justified. [...]

    Pingback by Salvaged Beauty :: Bags Under my Eyes Courtesy of Bungalow Dreams :: March :: 2006 — 03.17.06 @ 12:22 am

  12. [...] I discovered this post on how to create a Technorati ‘bookmarklet’. This places a bit of Javascript code right on your browser’s bookmark toolbar (I’m using Firefox). Now, when I write my post, I just have to click on my bookmarklet and enter my tags and it generates the code to copy in at the bottom of my post. I even geeked out a bit and managed to personalize the code a little so it’s right justified. [...]

    Pingback by Salvaged Beauty :: Bags Under my Eyes Courtesy of Bungalow Dreams :: March :: 2006 — 03.17.06 @ 12:22 am

  13. Cheers for the bookmarklet. Works well.

    Comment by yeahpope — 03.17.06 @ 5:31 am

  14. [...] Technorati tags bookmarklet Autre ressource: [...]

    Pingback by Le WebBlog Blue - Générateurs de Tag Technorati et autres ressources — 03.23.06 @ 5:25 am

  15. thx alot man this works very well!

    -Colin

    Comment by colin stuckert — 05.28.06 @ 2:44 am

  16. No problem, Colin. I’m here to help.

    Comment by Hogg — 05.28.06 @ 2:54 am

  17. Pingback by Anonymous — 07.2.06 @ 11:54 am

  18. The use of the icon is a nice addition to the bookmarklet. And just a reminder, as pointed out in my technique on this, the tags do not have to lead the reader away from your site to Technorati.

    If you want, you can replace it with links to WordPress.com tags:

    http://wordpress.com/tag/

    Or you can add tags that help the reader stay on your blog and make the tags become part of your navigation. Change the URL to one of the following examples:

    http://example.wordpress.com/tag/
    http://example.wordpress.com/index.php?s=
    /index.php?s=

    There are a lot of ways this bookmarklet can be played with. I’m using it differently even now than I did when I wrote the first article on it. I love seeing all the ways people can experiment with this to make it there own.

    Comment by Lorelle VanFossen — 07.2.06 @ 2:24 pm

  19. [...] Technorati tags bookmarklet, a bookmarklet tag generator. [...]

    Pingback by Lorelle on WordPress » Lorelle on WordPress Now Part of Technorati Tools — 07.3.06 @ 9:59 am

  20. I’m glad the A Tagging Bookmarklet for WordPress and wordpress.com Users helped. It’s an amazing bookmarklet and highly customizable. Though be careful of others hotlinking to your graphic per your example. I know you remind them to change it, but you never know. ;-)

    I more about WordPress and tagging recently if you’re interested.

    Comment by Lorelle VanFossen — 07.3.06 @ 10:20 am

  21. [...] by: newtelligence dasBlog 1.8.5223.1 Sign In Saturday, 08 July 2006 Technorati Tagging Bookmarklet Ok, the Technorati Tags bookmarlet works with IE7 so I’ll get back to tagging again.  Iwish Dasblog supporting tagging out of the box.Also did you know if you  press ALT key in IE7 it displays the old school file menus?   I didn’t know that. technorati tags: Technorati, Tags, Blogging, IE7, Bookmarklets 07/08/2006 15:29:30 (Pacific Daylight Time, UTC-07:00)    Comments [0]   [...]

    Pingback by Jeff Sandquist - Microsoft Evangelist - Technorati Tagging Bookmarklet — 07.8.06 @ 4:29 pm

  22. Great script. However, is there a way to amend it so that the ‘+’ signs used to combine words in the tags do not appear in the published tag?

    For example, adding the tag “NatWest+Three” results in NatWest+Three.

    Would it be possible to have the script automatially create the “rel” field without the ‘+’ sign? Like this: NatWest Three

    I take it one must combine words with the ‘+’ sign to begin with?

    Comment by Stefan — 07.29.06 @ 7:41 am

  23. Stefan, I do not know if there is a work around for that. I didn’t write the script, I got it from Lorelle. I would check with her.

    Comment by Hogg — 07.31.06 @ 12:31 am

  24. Stefan: No, there isn’t. The plus sign is recognized by all search engines and tagging services as the inclusion of both words. Without it, you got one word.

    There may be a way of customizing the bookmarklet to include the plus in the code but not the visible text. I’ll look into that.

    Comment by Lorelle VanFossen — 08.3.06 @ 8:43 am

  25. [...] For others, technorati tags bookmarklet is a Firefox bookmarklet to tag ur blog posts. First created by Lorell and later modified by freehogg. [...]

    Pingback by Bavra Mann » Blog Archive » Technorati Tags Bookmarklet - version 0.3 — 08.10.06 @ 7:36 am

  26. [...] ‘;prompt(’Copy this code, press OK, then paste to your blog entry:’,a);})()”>Gen Tags – make Technorati Tags – you will need to edit the code, read more. [...]

    Pingback by minihelpfiles.com » Blog Archive » How To Create And Edit Bookmarks On Flock Toolbar — 08.12.06 @ 9:11 am

  27. [...] Technorati tags bookmarklet, a bookmarklet tag generator. [...]

    Pingback by 7 Technorati Tagging & Traffic Tips - The ClickNewz! Internet Marketing Blog — 08.17.06 @ 11:51 am

  28. [...] Technorati Tags Bookmarklet Here is quite an easy to use tool to add Technorati keywords to your blog post via a bookmarklet. Pretty nifty stuff. I’m just waking up to the fact that I need to add keywords to get relevant traffic to my blog. Below is my first tag list generated with this cool tool. Life couldn’t be easier! technorati tags: technorati, keywords, tools, blogging [...]

    Pingback by Handy Technorati Tool at Grande Talk — 09.24.06 @ 3:53 pm

  29. Great

    Comment by jilal — 10.9.06 @ 9:33 am

  30. Buon luogo, congratulazioni, il mio amico!

    Comment by Azzurra — 11.4.06 @ 2:45 pm

  31. super work.
    i’ve been searching for a script like this for quite sometime and i’m glad i stumbled into your tutorial, as well as lorelle’s one.

    i found your explanation easier to follow.
    lorelle’s work is amazing and finding her blog was today’s highlight.
    one can find everything in there, with a depth that will suit a lot of people. it’s very helpful reading.

    but your version of the story is nicer when you just want to get the thing working.
    i use a different icon and added a align=left” to the img tag, to get the icon leveled with the text.

    anyway i just wanted to thank you for the work and for helping me solve this problem.

    Comment by maique — 11.7.06 @ 7:25 pm

  32. [...] felizmente alguem se lembrou de fazer a versao simplificada, o free/Hogg. lah dentro estah o post que me salvou o dia. [...]

    Pingback by technorati no quintal « quintal do xanato — 11.7.06 @ 7:52 pm

  33. Glad I could help, Maique.

    Comment by Hogg — 11.8.06 @ 11:07 pm

  34. [...] I edited the Technorati Tags bookmarklet to make an “Additional Links” bookmarklet. I want to use it to add links from other blogs who’ve written on the same topic. But I need some help. Here’s the code: [...]

    Pingback by “Additional Links” Bookmarklet Help « free/Hogg — 11.8.06 @ 11:34 pm

  35. I am using netscape, I cannot select text in netscape for some reason, are you sure that this problem is not browser dependant?

    ——————————-
    Nancy7585@mail.com
    ——————————-

    Comment by Nancy — 11.9.06 @ 1:09 am

  36. Nancy,

    To be honest, I don’t know. I use Firefox which is based on the same code as the Netscape browser, so I would think that it would work. If I were you, I would upgrade to a more current browser like Firefox, Opera, or Internet Explorer 7.

    Comment by Hogg — 11.9.06 @ 7:40 am

  37. Great

    Comment by health — 12.23.06 @ 7:40 pm

  38. thanks for the info I found it very useful.

    Jeff

    Comment by Jeff — 01.2.07 @ 7:57 pm

  39. You’re welcome. By the way, your comment sounds just like a bunch of the comment spam I get! Ha ha.

    Comment by Hogg — 01.2.07 @ 8:33 pm

  40. Hi Hogg.

    I’ve just started to use tags on my blog so this tool come
    very handy, thanks.

    However, the first thing that struck me is that ones the
    tags are clicked it will take people OFF my blog which
    would be a no, no so to speak.

    Is there away to implement “open in new window” in
    the script?

    Cheers

    Comment by Chris — 01.13.07 @ 6:26 am

  41. Chris,

    You can make the link open in a new window by adding this code:

    Find the part that looks like this: 'tag'+unescape('%22')+'>'
    And change it to this: 'tag'+unescape('%22')+' target='+unescape('%22')+'_blank'+unescape('%22')+'>'

    That should do the trick. I didn’t test it, so let me know if it works.

    What I did was add the target attribute to the script. The reason I didn’t do it before is because that attribute is not valid in XHTML 1.1. It is valid in XHTML 1.0 transitional, however. So, good luck and let me know the results.

    Comment by Hogg — 01.13.07 @ 11:04 am

  42. I tested it and it works beautifully. So, use this code to open the tag links in a new window.

    javascript:(function(){var a='';var t=prompt('Enter Tags without commas:','');if(!t) return;var tr=t.split(' ');a+='<p><img id="image329" src="http://freehogg.wordpress.com/files/2006/04/technorati.gif" alt="Technorati" /> technorati tags: ';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='+unescape('%22')+'tag'+unescape('%22')+' target='+unescape('%22')+'_blank'+unescape('%22')+'>'+tr[i]+'</a>';}a+='</p>';prompt('Copy this code, press OK, then paste to your blog entry:',a);})()

    Enjoy!

    Comment by Hogg — 01.13.07 @ 11:10 am

  43. Hi Hogg.

    Well, it works perfect :-) Awesome is the only word that comes to mind.

    Thanks.

    Chris

    Comment by Chris — 01.13.07 @ 9:12 pm

  44. [...] テクノラティタグブックマークレット,ブックマークレットタグジェネレータ [...]

    Pingback by hereticanthem co.,ltd. » テクノラティ(technorati)を使い倒すツールとTips — 01.17.07 @ 11:45 am

  45. THANK YOU SO MUCH!!! It works great!

    Comment by Barbara — 01.24.07 @ 3:03 pm

  46. This works great! I do have one little question however. I use Dotclear as my blogging tool, and my posts are in wiki, not html. I’ve played a bit as I know I can include html in a wiki post by using ///html before an html coded part and /// following it. However, there HAS to be a carriage return after the ///html in order for this to work and I have no clue how to code that in the javascript as I am definitely not a coder. Any suggestions?

    Comment by Benoit — 01.26.07 @ 8:53 am

  47. The way the bookmarklet is set up right now, I don’t think there is any way to include a carriage return, it all has to be on one line. But, I’m no JavaScript pro so I could be wrong. Sorry I couldn’t help more.

    Comment by Hogg — 01.27.07 @ 12:34 am

  48. OK, thanks. It still does the job quite well. :-) I just manually do the return after the copy/paste.

    Comment by Benoit — 01.27.07 @ 3:35 pm

  49. Thanks Nick, it helps when you’re a web developer by trade ;)

    Comment by Julian — 01.30.07 @ 12:25 pm

  50. This is fantastic! You rock. :D

    Comment by Mephala — 02.25.07 @ 10:02 am

  51. [...] il codice indicato nel post di Free Hogg: javascript:(function() eccetera [...]

    Pingback by Simply my Blog » Piccole Bloggers crescono: i Technorati Tags — 02.28.07 @ 3:06 pm

  52. [...] il codice indicato nel post di Free Hogg: javascript:(function() eccetera [...]

    Pingback by Piccole Bloggers crescono: i Technorati Tags » Simply my Blog — 03.1.07 @ 12:56 am

  53. i’m a newbie at blogging. Am using blogsome which does not accept plugins. Where exactly do I place the code? I get an error message. Thanks

    Comment by bangsamoro — 03.17.07 @ 10:04 pm

  54. This is awesome! I’ve been searching all over how to do this! You rock man!! :o)

    Comment by Gabreial — 04.10.07 @ 6:44 am

  55. thank for the plugin :-)

    Comment by narendra.s.v — 05.9.07 @ 10:29 pm

  56. I am so addicted to this little tool!!! I love it!

    Comment by Genevieve — 08.1.07 @ 1:29 am

  57. [...] hab鱈a quedado con las dudas de como ponerle tags a mis posts, pero hace poco googleando encontr辿 este sitio, en el cual nos muestra un bookmarklet, con un c坦digo Javascript para poder generar Tags del mejor [...]

    Pingback by DAMR.NET » Como Poner Technorati Tags a Tu Blog — 08.14.07 @ 5:05 pm

  58. how can i use this tool?

    Comment by jophilsportman — 01.21.08 @ 9:30 am

  59. very nice – thanks

    Comment by Suzanne :: Adventures in Daily Living :: — 09.6.08 @ 1:35 am


RSS feed for comments on this post. TrackBack URI

Leave a Reply

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 / Change )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

The WordPress Classic Theme. Create a free website or blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: