Evilsmile's Swing x 違章建築 x 打掉重練

Technorati 這個名詞我想對會使用Blog的人來說並不陌生，在瀏覽別人Blog的時候常會看到這樣的標籤 ，Technorati可以把你指定的Blog加入他的搜尋行列中，可以從他的web端搜尋到相關的Blog裡面的資訊，並且提供你Javascript嵌到你的Blog中，假使您Blog並未提供站內搜尋的話，將會是一個很好的幫手，如下圖↓

• 安裝說明：Technorati 部落格裡的「google」─ 申請及使用教學 
• 額外功能說明：Technorati link過你！ 
• Technorati Tag ：關鍵字轉Technorati標籤

那令人感興趣的在於Technorati Tag這個部份(我相信很多人的Blog跟我一樣都沒有提供Tag的功能，只有分類的功能)，很可惜我從google找到的上面那篇文章必須是自己安裝的Blog才能夠自己安裝這個plugs，不過卻又找到令人振奮的教學：

1. Technorati Tag 書籤產生器 
2. Technorati tags bookmarklet.

這篇兩篇文章都是在firefox或是其他瀏覽器編輯書籤，嵌入一段簡單的Javascript，讓你在撰寫文章的時候利用打開書籤的方式輸入所需要的tag，接著產生HTML碼方便使用者貼到文章中，目的是讓 Technorati 在 Claim 你的 Blog 的時候能把這些 tag 也加入他的分類。我稍微修改了一下"Technorati Tag 書籤產生器"這篇文章中的JavaScript碼如下(目的等一下會說明)：

javascript:(function(){var a='';var t=prompt('Enter Tags ,and seperate tags with a space','');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')+' class='+unescape('%22')+'techtag'+unescape('%22')+'>'+tr[i]+'</a>';}a+='</p>';prompt('Copy this code, press OK, then paste to your blog entry:',a);})()

PS:特別注意到上面的網址必須沒有空白貼到書籤(bookmark)網址時才不會出錯

之所以會這樣的修改原因是因為我又發現到Technorati在自己的網頁中也提供了網頁版的標籤產生器：Technorati Tag Generator

那這個網頁產生出來的Tag多了一個class = "techtag" 的宣告，目的讓使用者能夠自己宣邊CSS的產生樣式，網頁下方也提供了一個簡單的sample如下：

a.techtag { font-size:2px;color:#fff; }
div.techtags { border-top:1px solid #888; margin:5px; margin-top:15px; padding:5px; color:#888; font-family:Tahoma, Arial, sans-serif; font-weight:bold; font-size:11px; }
div.techtags a.techtag { font-size:11px; font-family:tahoma, arial, sans-serif; color:#888; font-weight:normal; }

technorati tags: Technorati, web, blog, web2.0, search, tag