Kaie's Blog

[Software] HFS ~ Http File Server

Tsung-Kai Chen — Fri, 29 Jun 2007 07:47:00 +0000

　　我懶得寫介紹，但又不得不分享這個好東西給大家...那麼他的好，就交給PTT上有名的NelsonT大來介紹吧...根據"CC License"，轉貼於底下(加上小幅度的增修)：

HFS - HTTP File Server，這是一個免費且開放原始碼的軟體，主要目的是用來分享檔案(上傳/下載皆行)。HFS 讓你自己的電腦就是一台伺服器，它有虛擬檔案系統(Virtual File System)讓你方便分享目錄跟檔案，它也可以管制來源 IP、限流、限最大連線數，也可以設定密碼，也可以讓對方用續傳軟體多線程下載 (像是FlashGet，WellGet)，還有很多貼心的功能...。

簡單的講，就是個 FTP，只不過用網頁的形式表現出來。
你會說 "我用 zFTP 架站就好啦，要這幹嘛？"

當你想臨時架個站，用完即丟，那你就可以用這擋一下。
當使用者不會用 FTP Client，只會用 IE 連 ftp:// 時，這個就很有用了。
當你上班時，好心的想用MSN傳給公務用的東西（really...?）給你同事時，結果被機車的MIS將此服務擋掉時...此時就可以派上用場囉...

．官網: http://www.rejetto.com/hfs/
．載點: http://www.melauto.it/public/rejetto/hfs.exe

[Software] PhotoZoom Pro 2

Tsung-Kai Chen — Fri, 29 Jun 2007 00:08:00 +0000

　　最近在編本會的日晷雜誌，所使用的排版軟體就是鼎鼎有名的阿「阿斗比」公司所開發的Adobe InDesign CS2，真是個功能強大的好東西…編雜誌免不了要插入一些精美的圖片...此時我們便會求助於Google大師的圖片搜尋或Flickr之類的（在使用前，當然要先徵求到原攝影者的授權同意才行），但總會找到些你很喜歡的一張圖，卻只有那麼一丁點兒大小，若強制放大的話，卻又會失真...最後輸出的效果鐵定會 sucks...囧。
　　後來求助於Google大神之後，找到了 PhotoZoom Pro 2 這項神器，主要是利用了一些演算法，讓圖片在放大時幾乎可以不失真地呈現出原貌，表現的效果非常之好，此軟體共提供了十種演算法供你選用，但還是主打"S-Spline XL"這一個，在我的肉眼看來，這一個似乎是十個裡頭表現的最佳的，所以"S-Spline XL"也是此軟體的預設使用演算法。
　　此網站有提供了一些演算法的比較表，官網有提供使用"S-Spline XL"所Run出來的Demo，可以去瞧瞧...保證讓你驚豔!!
※借用一下官方提供的Demo:
．原圖大小
．放大後

[Apple] Wang in iPhone Ad... Cool

Tsung-Kai Chen — Thu, 14 Jun 2007 00:44:00 +0000

　　最近因為Apple推出Windows版本Safari，於是迫不急待的趕緊去抓來玩玩，一整個美呆了，但還是beta階段，很多功能都還不夠成熟，所以還不無法取代我的小狐狸..^_^。後來不小心看到了iPhone廣告，發現我們的台灣之光王哥竟然出現在iPhone的最新廣告裡頭...趕緊貼一帖來慶祝一下!! 題外話，看了iPhone的廣告之後，真的好令人心動，又萌生出敗家的念頭了..XD
※趕緊抓圖存証:

[Baby] 黃色小說 Vol.4

Tsung-Kai Chen — Tue, 12 Jun 2007 18:50:00 +0000

賀自從「Yellow Book」出版第三集後，目前總銷售量已衝至排行榜首席了，累積超過上億冊了…可說是人手一本呀，沒有不推續集的理由...大家苦等已久的第四集，如今出爐囉!
(※ Hint: key 和 Vol.2 的 Key 一樣)

::點擊此處開始欣賞黃色小說 Vol.4 ::

[Hardware] 2.5" Enclosure Qback-25

Tsung-Kai Chen — Sun, 20 May 2007 15:09:00 +0000

　　很久前就想買個外接盒來用了，於是survey了一下，大部份的人都提到2.5吋外接盒選購效能最佳的「NEC晶片組」就對啦，但對我的需求來說，速度倒是其次，我要求的是功能性，後來就想到了最愛勸敗的Mobile01，這個站的人所推的C/P值可能不是最高，"罷特"功能強、性能佳是少不了的..於是找到了[評測]備份至極-2.5吋QNAP(威聯通) QBack-25外接盒這篇，在原Po的勸敗文洗腦下，終於受不了誘惑，買了這款新臺幣1290元的QNAP(威聯通)所推出的產品。
※官方的產品簡介如下：

QBack-25自動檔案備份裝置(以下簡稱QBack-25)為市面上唯一結合簡易操作、速度、便利及安全的自動備份方案，節省備份時間及提高備份效能。

QBack-25包含以下的主要特色：
支援電腦端的強大自動備份軟體QBack進行自動檔案備份(單向同步)[註：若能有雙向同步的，那會令我更滿意此外接盒]
多種備份模式選擇：自動備份(單向同步)、排程備份、即時備份及快速按鍵(One-touch-button)備份
支援增量備份，只備份異動及新增檔案，節省備份時間[註：這項超好用的]
智慧偵測備份檔案大小及硬碟可用空間，確保成功備份
簡易步驟備份Outlook及Outlook Express內的所有電郵、我的文件、我的最愛、字型及桌面
先進資料加密技術(AES256-bit)，全天候保護資料安全[註：這個超棒，鎖住你見不得人的東西]
防震設計:保護硬碟不受意外摔掉的破壞
透過快速安裝精靈指引，您可依個人需求輕鬆將硬碟分割成公用磁碟(Public Disk)及加密磁碟 (Secure Disk)

還有很多很棒的功能，實在說不完…請詳見[評測]備份至極-2.5吋QNAP(威聯通) QBack-25外接盒這篇的討論，保証讓你更想敗下去...^_^，更多的敗家文請見：Mobile線上購物、摩買線上購物
※外觀如下所示：

．這就是Qback-25的真面目，看起來還頗有質感的吧!!帶得出門...贊!
．這張是Qback-25的內裝，那四塊小玩意兒，就是此產品的防震墊!

用到目前的感覺，的確是一款值得推薦的好外接盒，此產品所提供的許多功能感覺都很貼心，有站在使用者的角度用心思考過，確切能夠提升使用者的工作效率，讓備份速度變得迅速、有效率，既省時又省力。By the way, QBack-25在國外很多外接盒評比中獲得不錯的成績，最近官網的最新消息中有提到，此產品在德國CHIP magazine的產品評測中，擊敗各大廠牌，在28家競爭激烈的比較中得到第一名...我只能說「你好神」

[Goods] agnès b Wallet

Tsung-Kai Chen — Mon, 14 May 2007 15:33:00 +0000

登登登登....托表哥吉吉遠從日本越洋回來的「agnès b 2007年春夏新款中型皮夾」終於在此亮相了，感謝他讓我省了2000多元，台灣的專櫃賣的果真「貴」。因為我們的一週年慶快到了，所以想說來送個禮物好啦，俗話說得好：「送禮就要送到心坎裡 ^_^」，看來送禮，肯定是一門大學問…經過我幾週左右的左思右想，最後掐指一算，得知：我家老婆大人是小b的愛好者，加上他的皮夾也早已破爛不堪(...有這麼慘嗎囧..)，而且最近小b也推出一新款的粉色系列皮夾，相當的適合我家老婆大人!!經過我深思熟慮後，肯定能夠贏得美人心的啦，於是二話不說就給他敗下去啦...XD，來個幾張特寫祝賀一下吧：

Photo 1.
這款「粉嫩粉嫩」的中長夾，一整個超有質感的吧…只不過容易髒要好好給它照顧一下就是了..

Photo 2.
正所謂躺著也好看，立著也好看...(是這樣的嗎..)，那個扣環即是零錢夾層(有兩格)，可以放放小東西，還蠻方便的!!

Photo 3.
裡頭夾層也夠多，紙鈔夾層x2、卡片夾層x5、暗夾x3..果真很適合我老婆大人的一堆大大小小的卡片

※話說：原本不是最近就要送給他的，還要再晚一些，但百密總有一疏，沒想到我這個「耗呆」竟然在某天不小心露餡了，被我老婆大人發現這策劃許久的「偉大Surprise大作戰」，害我前功盡棄…沒讓他感動到哭出來，幸好他很喜歡這皮夾(哼……這可是我意料中的事…哈哈哈)，真該死只能怪自己北七，下次絕不能再犯同樣的錯..

[AJAX/JSON] Kaie's Blog 2.0 (beta)

Tsung-Kai Chen — Fri, 11 May 2007 01:43:00 +0000

　　之前所提到的「Neo for everyone」這個Cool Template，離釋放出來的時間，已經過很多天囉。最近終於手癢忍不住，下海啦...再度花了我不少寶貴時間惡搞 XD...
　　幸好效果還蠻滿意的，真低素很快很快低內…至於美中不足之處，在 Neo FAQ 和 Installing Neo template in your blog 此兩篇文章中有提到，作者說，為了追求更快的反應速度，於是在單篇文章Label部份以及Comment部份的功能，可能較不完整…但不影響整個BlogSite的操作..有興趣的人，也趕緊來動手作看看吧...改天若真的太閒時，再來把功能改修改得完整一些，那麼以後就可以直接切換成此平台了，使用Google所提供的Blog平台，當然就要跟上Google的腳步，Hack成Google所提供的服務[Google Reader,GMail...]一樣，這些利用AJAX所implement出來的產品，Page Loading時間超短、反應迅速、互動性高，這些賣點太吸引我鳥...果然能留住客戶的腳步
　　感謝Ramani免費提供的Neo Template，我Hack完之後，所展視出來的效果，請點擊底下連結

Kaie's Blog 2.0 (beta)

　　操作方法相當簡單，如下：

選擇Tags Cloud中的某一個Tag，選「all」代表所有文章，接荖它會自動捲到，根據「XXX」Tag，所抓取出來的文章列表之處。
選擇一篇，你所喜愛的文章即可...接荖它又會自動捲到該篇文章的開始之處...（以極快的速度顯示出來..嘻嘻)

[Flash] Mp3 Audio Player

Tsung-Kai Chen — Tue, 08 May 2007 00:30:00 +0000

　　最近在「黃色小說」系列文章中，有嵌入「MPEG Audio Layer3」的檔案(故意打個全名，避免和「Ｍ　Ｐ　３」(再故意來個全型+空白…一整個成府也太深了吧，囧rz..)這個敏感的字眼扯在一起，哈哈…這樣子Search Engine總找不到這個走在法律邊緣的Post了吧，吼吼吼……(但由於嵌入Example，被Spider爬到這篇Post的Source Code還是會破功的…不管三七二十一了 XD)，言歸正傳，敢快來記錄一下如何嵌入這個「相當優美」的Audio Flash Player之語法。我測試過了，即使是個約3Mb大小的檔，也是可以在短短幾秒內，很順暢的播放出來...Cool!

資料來源：
．1 Pixel Out » Audio Player Wordpress plugin [官方站]
．Best Albums of 2006. [某個使用此Player的站]

快來瞧瞧底下的Demo吧...
．Example 1 (預設配色) :

<!--[if IE]>
<object width="290" height="24" type="application/x-shockwave-flash">
<param name="movie" value="http://chenkaie.googlepages.com/FlashMusicPlayer.swf?soundFile=http://YourFilePath.mp3" />
<param name="wmode" value="transparent"/></</object>
<![endif]-->
<!--[if !IE]> -->
<embed src="http://chenkaie.googlepages.com/FlashMusicPlayer.swf?soundFile=http://YourFilePath.mp3" type="application/x-shockwave-flash" wmode="transparent" height="24" width="290"></embed>
<!-- <![endif]-->

．Example 2 (自訂配色) :

<!--[if IE]>
<object width="290" height="24" type="application/x-shockwave-flash">
<param name="movie" value="http://chenkaie.googlepages.com/FlashMusicPlayer.swf?&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0xF06A51&rightbghover=0xAF2910&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910&soundFile=http://YourFilePath.mp3" />
<param name="wmode" value="transparent"/></</object>
<![endif]-->
<!--[if !IE]> -->
<embed src="http://chenkaie.googlepages.com/FlashMusicPlayer.swf?&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0xF06A51&rightbghover=0xAF2910&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910&soundFile=http://YourFilePath.mp3" type="application/x-shockwave-flash" wmode="transparent" height="24" width="290"></embed>
<!-- <![endif]-->

若你想讓他自動播放的話，那就多加「autostart=yes」這個參數吧!也就是加在上頭語法中的 .swf? 頭，要加更多參數的話，請以&連接，語法如下(更多的參數請見官網)：

<embed src="http://chenkaie.googlepages.com/FlashMusicPlayer.swf?autostart=yes&soundFile=http://YourFilePath" type="application/x-shockwave-flash" height="24" width="290" wmode="transparent" ></embed>

[Updated 2007-05-09]
1.補充一下，有關底下留言問到的，會有白底的問題，如何設為透明色，方法就是，加上wmode="transparent"這項參數即可，上面的語法我已經以紅色字補充上去了...如此便不會破壞整個Blog的美感了，太棒了!!
2.感謝.Riviera網友所提供的資訊，使得此Flash Player在Firefox及IE皆能正常運作

[Baby] 黃色小說 Vol.3

Tsung-Kai Chen — Mon, 07 May 2007 18:44:00 +0000

賀自「Yellow Book」首集出版以來，再度受到小黑大人的青睞，不得不再推出第三集！快來搶購唷…

(※ Hint: Key = Vol.2的Key + 週年慶日期[月月日日]四位數 )

::點擊此處開始欣賞黃色小說 Vol.3::

[Baby] 黃色小說 Vol.2

Tsung-Kai Chen — Mon, 07 May 2007 18:41:00 +0000

客人來唷…休滾滾，再度出版的「Yellow Book」第二集，又來囉，請盡快輸入你的「Key」線上欣賞吧！
(※ Hint: key = Vol.1 的 Key + 我上成功嶺的日期[月月日日]四位數)

::點擊此處開始欣賞黃色小說 Vol.2::

[CSS] Magazine Style Drop Cap

Tsung-Kai Chen — Mon, 07 May 2007 08:42:00 +0000

　　來分享一下，我們時常在雜誌常見的一個首字放大（drop cap, dropped capital letter），是很受歡迎的設計元件，用來做為商業通訊、雜誌文章、書籍章節或其它公開文件的開頭…之前看到某個教學，於是也跟著玩了起來囉...底下來看幾個範例吧!

參考資料來源：
Mandarin Design -> Magazine Style CSS Drop Caps

．Example1:

<span style="margin:5px 7px 0 0; float:left;  background: #fff; border:2px dashed #aaa; line-height:55px; font-family:華康POP2體W9,華康POP1體W9,標楷體,times;font-size:50px;color:white;">旅</span>

旅美投手王建民6日對西雅圖水手隊差一點完全比賽，投了7.1局無安打、無人上壘的比賽，鈴木一朗形容王建民「有著冷靜的外表，但內心卻是火熱的。」他說：「我喜歡他。」原本鈴木一朗想在七局上成為打出第1支安打的打者，不過左外野深遠飛球遭到松井秀喜美技接殺。

．Example2:

<span style="border: 1px solid darkkhaki; padding: 3px; background: khaki; margin-right: 6px; margin-top: 5px; float: left; line-height: 55px; font-family:華康POP2體W9,華康POP1體W9,標楷體,times;font-size:50px;color:white;" >鈴</span>

鈴木一朗在6日的比賽中，直到七局上才意識到王建民有可能會締造完全比賽，在該局第一位上場打擊之前，他詢問隊友城島健司：「現在是完全比賽嗎？」城島回答說：「是的。」鈴木一朗便告訴城島，他要擔任打破完全比賽打出第1支安打的打者。

．Example3:
<span style="float: left; line-height: 70px; padding-top: 2px;">S</span>
Sometimes all we need is a big first letter for a paragraph. No drop cap, just a big cap. It looks best when followed by way too much text. We used a font size of 56px for the first letter. If there is enough text an even bigger first-letter size looks good. The code can be adjusted for a slight overlap by adjusting the letter spacing. The color name chocolate tastes good today. There are more edible color names here.

．Example4:

<span style="border: 1px solid black; background: firebrick; margin-right: 6px; margin-top: 5px; float: left; line-height: 60px; padding-top: 2px; padding-right: 5px;">M</span>

Mike Golby might like the background color firebrick better than gold. Golby changes text colors for emphasis but if we don't specify the color for the text it will default to normal text color for that page. By the way, thanks for the Strunk and White Plumerias Mike. I noticed them when visiting your place to find an example of a color to use.

．Example5:
...
...
要如何有型，由你決定...

※以上Code中的CSS參數請自行客制化吧 >_^

[Baby] 黃色小說 Vol.1

Tsung-Kai Chen — Fri, 04 May 2007 08:54:00 +0000

狼客來唷…休騰騰，剛出爐的最新版「Yellow Book」出爐囉，請有興趣，並且有「Key」的人快點來認領!!

» 點擊此處開始欣賞黃色小說 Vol.1 «

[Template] Neo for everyone

Tsung-Kai Chen — Thu, 03 May 2007 18:23:00 +0000

哇呼…這是個天大地大的好消息呀!! 我曾經有提過一個國外的Blogger Hacker所設計出的新Template，利用 AJAX/JSON 的技術，使得整體Blog的速度飛快，就好像在操作本機端所架設的網站一般，幾乎沒有什麼Page Loading的感覺，(在此篇中 [Blog] A not only Awesome but Lightning Fast Blog)，如今此位Hacker免費釋放出此template供大家使用(之前可是要價10美金的唷!!)，有興趣的人快來嚐試一下吧...

下載「Neo For Everyone」Template
(記得按右鍵 -> 另存新檔，直接開啟是不對的方式)

更屌的是，作者有提提供一個叫「Neo demo blog」的站台，讓你輸入你的Blogsite URL之後，即可讓你馬上體驗一下，利用 AJAX/JSON 所帶來的那種全新的「快感」體驗...就算你不喜歡它的template style(我就是這種人..哈哈)，也一定要去親身體驗一下「自己的Blog能夠有光速般飛快」的fu...嘻

我想所帶來的衝擊將會是引領更多的人，親身感覺到 AJAX/JSON 的Power...套用一句古人的話：「師父 Neo 引進門，修行靠個人」，我想若有機會並且有時間的話，我的Blog下一步最大的改版，將是跟著 Neo 師父走，盡可能將我的 Blog 運用更多的 AJAX/JSON 技術，避免Reload一些重覆性的部份，加速網頁開啟的速度...(希望不是光說不練...XD)

※資料來源：
Hackosphere -> Neo for everyone!

[Baby] 香豔刺激寫真集 Vol.2

Tsung-Kai Chen — Wed, 02 May 2007 16:50:00 +0000

小黑仔，為了獎勵你研究所考得還不錯，馬上再推出「香豔刺激」寫真集第二集...別噴鼻血啊，記得準備衛生紙…嘻嘻!! 至於密碼，對你這個聰明的未來「菸酒生」來說，肯定是沒有問題的啦...

[Baby] 香豔刺激寫真集 Vol.1

Tsung-Kai Chen — Wed, 02 May 2007 07:49:00 +0000

※小黑大人，請點擊此連結開始欣賞你期待已久的「香豔刺激」的照片吧...再不來看，我就要砍囉!!

[Javascript] Style Sheet Switcher

Tsung-Kai Chen — Thu, 19 Apr 2007 06:58:00 +0000

由於上次使用朋友的電腦，是屬於「16:9 WideScreen」，忽然覺得我的Blog的版面在WideScreen的螢幕底下看，似乎有點浪費空間，好空虛的感覺 ...XD，WideScreen也是未來的趨勢，以後應該買不到一般「4:3」的螢幕了吧..囧rz，看來我的 Eizo L365 可以退休了...於是改成「三欄式」或是「寬版面」Template的趨勢，似乎是不可或免的!

※根據 Google Analytics 的「螢幕解析度」分析數據如下：
結論是閱讀此Blog的人，大概還是有五成以上是使用「1024x768」，所以目前的版面配置樣式，似乎還可以再撐一陣子..^_^，但為了照料那些使用「1280x???」解析度的人，還是得將版面給加寬些，降子看起來比較順眼些(純屬個人自以為)，所以就目前的情況來說，讓使用者能夠自行選擇版面大小是再適合不過的了，「力供丟嗯丟呀!」，並且Yahoo也有寬窄頁面切換的功能，看來我有跟得上時代的潮流..呃...

※使用方式，請見下圖：

※如何取得此功能

資料來源：
英文:Dynamic Drive DHTML Scripts- Style Sheet Switcher (v1.1)
中文: Ben's 部落不及格: Blogger進階玩-如何即時切換版型 
註：懶得看英文的話，就看Ben兄的說明吧，生動又好懂低..

[Javascript] Encrypt your private blog post

Tsung-Kai Chen — Tue, 27 Mar 2007 02:45:00 +0000

今日在PPT上的Blog版逛到版友weijr所提到的一篇好文章，可以用來針對Blog中某一段文字給予加密，變成讓人無法理解的「火星文」 XD.. 解密過程只輸入正確的密碼之後，即可馬上在Blog上顯示出正確的「地球文」，不用重新Reload...超棒的Hack，對於此類技術性的Hack，個人超愛的…

研究所時有碰過一些跟Cryptography(密碼學)有關的東西，但只懂一點理論上的皮毛而已，沒有動作實作過，如今玩Blogger的同時，剛好有個有人心士將他所學應用在他的需求上，真是與實務面作了結合，太棒了老兄…我要向他看齊..XD。

原作者實現此Hack的用意就是: 他想要將他一些私人的、不方便公開的東西，亦或某些只想供親朋好友看的內容，記錄在公開的Blog上頭，又不失隱密性，且方便日後查詢，於是針對這些私密訊息的簡易加解密功能就如此誕生啦! (所利用的演算法是 256-bit AES，目前來說「安全性」算相當高了)

※適用範圍: 所有支援Javascript的Blog，若不幸你的Blog不支援的話，快跳槽來「Blogger」吧，保証可以隨便你惡搞的Blog平台，不會後悔的

資料來源:
Vincent Cheung -> Encrypted blog posts

快往下瞧瞧這強大的Hack吧... :D
:: Demo (展現出來的效果如下，兩種方式) ::
Key(密鑰): ie-sucks

Demo1:
Click to Decrypt text (點擊此處解開火星文，裡頭有清涼的唷)

Z0J1c4HlZqELhLfFoUOd5hH9Wu6ntYW26B4XXM24lKlRT05Z+lEDEsPVjtvqISIXoAtLKJwuksdqBpY3higDTLhYarZUgXVyyH1WY5N7hzPrP2xx0gJisgbHx2IdtoXww4Ure0hui2IcRuX26FSlxTnbIKQlLH22p7cIvQXgYak6KiV6MKaBKeiIBSKSYi5Kz8t6MSM4kIGnmzBmibsNMaPCjzb4KGmVA7xegfkyQNfPzK51Yl6SgeoENK8MUGTnbz0L1l5YT9vBYd5LxJdbf8/hwmhvY2Lzkq+iLeP9ClKIuirkwt2J3qhveuQR/tqylONAVxNccbT7e8n6j4pw85F8+4GAPDf60lbo9DuusRA=
Demo2:
Show encrypted text (點擊此處變身為火星人)

上方展現出來的效果是不是很炫呀 ^_^，超吸引人的吧，快來安裝一下吧，底下開始中文化原文..囧rz，方法如下:

首先在你的Blog中嵌入此Hack所需的Javascript，在Blogger的使用方法就是將底下的code加在Template中的</head>上面即可(其它Blog方法就是加在header裡頭就對了)<script language='JavaScript' src='http://vincentcheung.googlepages.com/blogjscrypt.js'></script>

完成上面動作之後，基本上就完成了，若要在新文章中新增「火星文時」的話，請透過底下兩個步驟:

產生加密過後的火星文:
透過此網站，輸入「Key」欄位以及「Plain Text」欄位，接著按Encrypt Button(加密鈕，在Plain Text欄的下方)，此時便會在「Cipher Text」欄位產生加密過後的火星文字啦(底下會用到..)!!
※千萬要記得上方你自行定義的Key，之後解密時要用的，若忘記了，恐怕沒有量子電腦(Quantum Computer)這般等級的高速電腦是解不出來的。
嵌入火星文片段至新文章中:
共有底下兩種顯示方式，依個人喜好選擇擇一
．方法一(如上頭Demo1，直接在文章中顯示火星文):<a href="javascript:Decrypt_text('unique_name');">Click to Decrypt text (點擊此處解開火星文)</a> <div id="unique_name">此段內容為由上面Step1.所產生出來的一整段火星文(例如:wRxSwskrWsmohc1...之類的文字)</div>

．方法二(如上頭Demo2，隱藏火星文，只顯示連結):<a href="javascript:Decrypt_text('unique_name', '此段內容為由上面Step1.所產生出來的一整段火星文(例如:wRxSwskrWsmohc1...之類的文字)');">Show encrypted text</a> <div id="unique_name"></div>

※注意上方的unique_name型態是div tag的一個id名子，可以自行命名，只要在template中，或文章中不出現同樣的id即可，否則會造成判斷錯誤!!也就是在一個顯示頁面中，有用到兩個以上火星文片段的話，那麼此id的命名就必須是unique_name,unique_name1,unique_name2...之類的。

最後，作者很風趣的列舉了幾個常見問題(Faq)，很北爛的一個家伙...有興趣去看看...

[Javascript] Add Digg vote button on Blogger Template

Tsung-Kai Chen — Fri, 16 Mar 2007 06:22:00 +0000

為了順應目前網路的趨勢，我也要來跟大家一起Digg一下...有興趣的人一起來吧，若不懂Digg是什麼碗糕的人，簡單的說: Digg就跟台灣的"HEMiDEMi 黑米" 是同性質的站台，只不過Digg算是此類中的佼佼者，應該是世界最大站!!

其實...真正原因是，我是覺得這個「Digg Button」還蠻美的，很有質感，相當有「Web 2.0」的feeling..XD 可以拿來裝飾我的Blog，哈哈，會不會很像智障呀... :x 並且由於嵌入Javascript語法，所以又會再拖慢開啟網頁的速度....but 不管三七二十一了，我的 Blog 本來就不怎麼快了，再慢一點也無妨啦，大家就忍耐一下吧.. :p

雖然Digg.com在台灣不怎麼有名，因為台灣網路族群主要還是以"HEMiDEMi 黑米"為主，而且Digg.com裡頭被Digg的文章幾乎都是英文為主的網頁...但我還是堅持要這個"有質感的裝飾品" :D

想要跟我一樣惡搞的人，就跟著底下作吧..很簡單低
在你的Blogger template裡頭找到<p><data:post.body/></p>取代成底下的code

<p>
<!-- DIGG -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
</p>

就這麼簡單...感謝底下這位帥哥提供的資料

資料來源:
Ajaxcold: Add Digg vote button on Blogger Template

[AJAX] AJAX Labels Cloud Reloaded

Tsung-Kai Chen — Wed, 14 Mar 2007 05:57:00 +0000

繼之前的[AJAX] AJAX Labels Cloud之後，原作者Deepak又再度的補強了「AJAX Labels」的功能囉，趕緊來瞧一瞧吧...

資料來源:
Deepack -> AJAX Labels Reloaded

※新功能如下：

內建分頁導覽系統(Navigation-System)，之前的Hack只能將所有同一個類別的文章同時顯示在同一頁面，若文章很多時即會吃掉很多Memory...Browser也會整個被拖慢
支援在IE底下，使用以"繁體中文字"之類的 Unicode 來命名Label(標籤)!
安裝方式更加簡易

※至於所展現出來的效果，請直接點選我的Blog上方"AJAX Tags Cloud"，再隨便選個分類即可一目了然...
底下直接講解如何安裝此Hack到你的Blogger中，至於有使用之前舊版本 AJAX Labels的玩家，請自行至"原著網站"看，有詳細的解說，教你如何「升級」到新版本的AJAX Labels(本人就是從舊版升級到新版本的)，要不然直接"砍掉重練"也是可行啦.. :p

Step 1. 為了以防萬一，先備份一下你原來的template吧! 再就就是編輯你的template，找到</head>這個keyword，再將底下code貼到</head>上方。

<style type='text/css'>
#indicator {position:fixed;z-index:1000;padding:15px 0;top:40%;background-color:#FFFFFF;border:1px solid #AAAAAA;width:176px;left:50%;margin-left:-88px;text-align:center;}
#search-result {border:1px solid #AAAAAA;padding:10px;padding-bottom:30px;font-size:85%;}
.search-result-meta {background:#EFEFEF;padding:2px;}
.search-result-meta img {border-width:0;vertical-align:text-bottom;}
.search-title {font-size:1em;padding-bottom:3px;font-weight:bold;text-align:left;text-decoration:underline;}
.search-cat {display:block;padding:3px;font-size:1em;margin-top:5px;margin-bottom:5px;border-bottom:1px solid #C0C0C0;font-weight:bold;}
.search-close {color:silver;float:right;border:1px solid #F5F5F5;margin-top:10px;cursor:pointer;}
.search-result-nav {font-size:1.4em;font-weight:bold;padding:5px 0pt;text-align:center;}
</style>
<script type='text/javascript' src='http://bloggerhacked.googlepages.com/prototype.js' />
<script type='text/javascript'>
//<![CDATA[
// User customisable parameters
// ----------------------------
// maxresults - Number of results to show per page
// navFlag    - Set Navigation ON or OFF. Give 1 for ON and 0 for OFF.
// feedLabel  - Text to show for the label feed link.
// catLabel   - Label for categories.
// closeLabel - Label for Close button. You can use hypertext also.
var maxresults = 5; //一次顯示幾筆資料
var navFlag = 1;   //是否使用分頁(導灠)功能
var feedLabel = "Subscribe to"; //...該怎麼解釋呢..
var catLabel = "Sorted into:";  //...沒什麼好解釋的..
var closeLabel = "Click to close"; //...這也一樣.. XD
//]]>
</script>
<script type='text/javascript' src='http://bloggerhacked.googlepages.com/ajaxlabels.js' />

上面5個粗體字的變數，根據個人喜好，可以自行再客制化一下.. :D
Step 2. 找到底下code

<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

取代成下方

<b:loop values='data:post.labels' var='label'>
<a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' rel='tag'><data:label.name/></a>

Step 3. "假如" 你在sidebar有Label Widget的話，再作這一步驟，找到底下code

<b:if cond='data:blog.url == data:label.url'>
 <data:label.name/>
<b:else/>
 <a href='data:label.url'><data:label.name/></a>
</b:if>

取代成下方

<b:if cond='data:blog.url == data:label.url'>
 <data:label.name/>
<b:else/>
 <a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' ><data:label.name/></a>
</b:if>

Step 4. 按下此Button，再隨著說明步驟，一步一步完成...

新增此Widget的目的就是，當你點選分類標籤時，更新的內容所要顯示的地方.. ^_^，看你想放哪邊就放哪邊囉!!

Step 5. 儲存範本，結束啦...快去看看吧!! 多了..Navigation-System是不是很Cool呀!

[CSS] hideFocus Property

Tsung-Kai Chen — Sun, 11 Mar 2007 03:22:00 +0000

如何避免超連結在點選時會出現"虛線外框"呢?! 因為我的Blog裡有一些由圖片組成的"Navigation Icon"及"Navigatin Bar"...所以一當點選此類連結時，便會出現預設的"虛線外框(如下圖)"，個人覺得那虛線相當的礙眼...XD，破壞整個美感!!
若你跟我有相同感受的話，那你就跟著底下作吧... :p

有底下兩種作法：
1. 針對單一超連結的作法: 加上 hidefocus="true" 屬性 (For IE only)
Example:<a href="http://www.google.com" hidefocus="true">Google</a>

2. 透過CSS的作法 (For IE & Firefox )
Example:

<style>
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none} /* For Firefox */
</style>

※若是使用Blogger的話，那就將方法2.的code加在</head>的上方即可 ^_^，若是別的Blog平台請自行摸索啦…

[Programming] Sick Program by Mekka '97 4k - mni.com

Tsung-Kai Chen — Fri, 09 Mar 2007 07:07:00 +0000

據說這支程式(omni.com)是97年的Mekka'97 4K Intro比賽的一等獎作品，忘了出處是哪了...不小心關了視窗，懶得找..XD，整個程式全長4095 Bytes，其中包含133 Bytes 的自解壓程式(類RAR壓縮)，未解壓的程式長4782 Bytes。3D場景包含144個立方體，367個面，362個點，15個不同的64*64的紋理 Blah Blah...(網路上看來的..誰知道這多呀..)，費話別多說，快來試試吧，保証讓你有驚豔的感受...
※程式碼如下：

e100 33 f6 bf 0 20 b5 10 f3 a5 8c c8 5 0 2 50 68 13 1 cb e 1f be a1 1 bf 0 1
e11b 6 57 b8 11 1 bb 21 13 89 7 4b 4b 48 79 f9 ad 86 e0 8b c8 bd ff ff e8 20
e134 0 3d 0 1 74 1a 7f 3 aa eb f3 2d ff 0 50 e8 f 0 5a f7 d8 8b d8 26 8a 1 aa
e14f 4a 75 f9 eb de cb 57 bb 21 13 8b c1 40 f7 27 f7 f5 8b fb ba 11 1 4f 4f 4a
e168 39 5 7f f9 52 8b c5 f7 25 f7 37 2b c8 95 f7 65 2 f7 37 95 2b e8 fe e fe
e181 10 79 6 c6 6 fe 10 7 46 d0 14 d1 d1 d1 e5 79 ec 5a b8 11 1 ff 7 4b 4b 48
e19b 3b d0 75 f7 5f c3 83 f7 83 a6 5d 59 82 cd b2 8 42 46 9 57 a9 c5 ca aa 1b
e1b4 4f 52 b4 92 3f ab 6e 9e a8 1d c6 3 fc e 6a e7 ae bb 5f 7b 10 b8 b4 f7 8
e1cd e2 bf 36 4e 39 9d 79 29 3f a f9 36 52 16 fb 5 e8 e5 a6 c2 e9 b0 43 d3 a3
e1e6 cf d3 fd fd cb d1 4c 5e e0 63 58 86 bb 3e 9 c1 20 bc cc 91 a3 47 81 70 b3
e1ff d6 1a 9e c2 c9 12 e7 4e ad f4 5f e3 30 e9 9 39 d7 e8 f9 f4 d2 44 e8 d7 22
e218 be e2 ce 88 25 cf 30 4a a8 29 ae 3f 47 c6 2d 85 e9 73 54 13 b e6 e0 34 65
e231 e2 50 8a 89 18 5f ce 70 99 3 5f 42 bf eb 7 ae d0 ca 5 22 8d 22 a5 b7 f0
e24a 90 81 bc 7a bc dc 5 db c0 6a 2 e5 57 38 be 60 cb ac ba a5 3b 9d f1 77 38
e263 a6 84 d1 3c af 49 d8 6a 45 a2 76 60 21 12 c0 c2 44 f2 5e bb e5 37 a9 2b
e27b ec 4a 8c 4c f2 f7 a9 58 71 2b ba 6d d6 6a e5 60 46 e0 da e5 b9 90 e5 a3
e293 f7 7f 31 60 58 f0 c4 88 10 4e 3c a3 ee 4e 11 55 8f a 92 eb db ad 7a 9c f
e2ac db 5a 28 96 da 87 ae 91 91 2d e3 5e ea df 6 95 71 67 71 40 ce d1 2e 31 6d
e2c5 c1 9c d8 6a 76 9b 4a e8 36 44 d6 76 d 30 5 ff d4 1b ac 1f 32 65 31 bf 55
e2de 26 b a4 55 e1 5d 5e 16 ed 97 48 6c 77 fb 81 86 e f9 18 bd d4 f4 8b de 1d
e2f7 ba d 47 75 3 89 4b 3e dc 27 86 1c d0 17 89 48 d1 a6 8d d4 2b 54 4e 8f b0
e310 2 e1 6b 1a 75 78 ea 21 91 13 c0 cf 78 a0 ab f3 35 c6 b4 c8 90 8d d7 45 e7
e329 c 5b a4 ba 52 10 64 f5 4a 50 b7 ec 46 22 15 23 84 30 81 5c df 61 5a 8f 67
e342 c4 63 57 6d f7 26 92 a3 1f e5 3 a5 0 54 41 8 48 7c 26 90 33 82 9c 91 b0
e35b ab 78 5d df 99 e0 b9 fc 5 36 ac d9 49 91 ab 20 a2 63 48 89 ce 5c 60 64 f0
e374 63 d9 a8 38 3b d3 e6 4c 8c 23 34 4e 20 51 93 5e 6d b4 7a 22 9b 4c f2 d3
e38c c4 f8 3 6f 47 40 f4 f8 45 9b 83 f3 83 6 31 d0 0 17 82 83 dc 67 f9 62 77
e3a5 90 3b d9 ec f3 55 96 b8 d9 db 79 55 f1 e5 8c 5e f2 e5 2e b0 b 6e e2 81 25
e3be 93 8e b5 dd 5b 46 f9 af ed 6 12 cf c9 1d f0 f7 3b 16 2d c6 58 73 8d e9 5f
e3d7 fd 5a b6 a1 94 4d 1a 8 ff eb b7 6 80 c7 86 83 b6 b9 fd 1c e0 c c3 2e a0
e3f0 2f b 3e 3 6b 29 e1 27 85 1c ea 6d df b3 a3 ed 65 4a 9a 59 3b 54 e 4b ae
e409 9e 27 f0 4d 3b c 4c 46 b7 e5 57 1b 1f 1f bb 80 86 f5 b7 ef 73 52 bf 2c c7
e422 ed a b7 81 2 f3 90 3e ee cc 6c eb f 38 1 6c 68 b1 d 45 78 b2 f f6 83 b0
e43c c4 33 df b1 d1 91 98 1e 81 a5 e2 59 9f f4 8c b6 72 8 a7 8c f6 e a3 b2 1f
e455 d9 d3 23 f0 7c 5e 5f 68 61 8b 45 da 1d 91 ec 8d 4e ea 1a 38 85 94 aa ac
e46d f2 4 f6 c4 e5 92 8e 9a 4e 83 e1 73 e8 cf 2a 5c 2b 7e f1 30 2 8a e6 28 1a
e486 3b ce bc 96 aa 7f eb 87 cd 8b 96 2d 9 59 7a a0 1a 43 62 9a 9e 4f ff 8e d9
e49f ce d6 a4 70 79 cd 65 fa 2e 92 14 29 f7 6c 74 4b 49 60 80 bb ff 41 bb 2d
e4b7 60 33 3f 98 77 9a 1 ee a6 a3 da bc ba e9 f3 72 f4 7c c3 59 2 a6 44 a4 c8
e4d0 c8 54 93 ce bd 69 bb b9 43 21 2c c4 ea 4a 5c 3f 75 60 f2 b4 91 ca 9 82 e3
e4e9 a e9 a6 20 b9 76 50 ed 47 e9 fe 6d 41 34 13 2f 28 2f 4e f4 da e 3c 78 6c
e502 b1 79 87 45 98 a4 d4 c3 b3 29 c2 4a 8b ed a6 54 e2 1b 31 62 60 ff 2c 1d
e51a 21 0 15 b2 4e 5c c 2 d 83 fa a2 f3 8a 5 12 72 4a c7 44 7c 91 d4 be b a f2
e535 70 52 fb b4 a2 df 89 de ff c4 96 73 c9 c ed d3 c9 8e 5c dc 8e d1 3b de 8c
e54e 53 a2 8b f9 e9 91 dd d6 df 6e 74 d1 dd 34 60 8f 9e 32 7f 3b ec 79 a3 83
e566 45 78 b4 2f 1c 50 7b 7a 97 b0 9d 2d c dd 8a 26 cd 7d 8c 4c 5a 8a 4c f9 a4
e57f 11 f9 2c 6c 92 e9 b5 cb 56 89 8c be f6 64 fa 25 43 fa 6f e2 c8 3a 18 a8
e597 f0 e9 f4 c2 86 e6 2b 44 67 4a b9 34 9 ed 5f 33 42 62 d4 8a 1e 5b 31 67 cd
e5b0 3d 71 6d 83 fd 36 20 69 ea 1 c3 e6 e6 de 99 aa 7 11 5b 59 8a 1f 43 83 52
e5c9 ea 5d 8c 6a 69 c7 3 eb 4e 3b 88 a5 5f b1 6e 27 5f 3 5c 28 c 9b 6c c3 f8
e5e2 e5 b9 d6 11 d6 8b fa 5c 8 c7 1 eb 45 db f3 6c 9f 16 46 61 51 ed df f bb
e5fb c0 c4 1e 64 68 98 4 79 30 94 72 df d4 cd 1f 7f 72 c6 82 2e 79 47 4e 8c 4b
e614 a2 c7 e2 36 df 76 fd a4 b6 4e db 96 40 3b 8b b5 d4 85 64 c6 0 2c ad 9d 27
e62d 14 99 82 4b bc 9 fa 94 b5 db 7c 98 eb b 13 a7 b0 79 1d 7e c5 45 aa 20 49
e646 be ff 9d 64 0 5d c ec 6 5 ad f2 38 6b ed 7a d6 b2 c7 2e 6a a6 12 4b ff 55
e660 20 3b a 77 f b9 0 9d 57 4a ad ce a4 d3 ff 1 4f fb 53 54 88 f 1 ed 4b 56
e67a 15 c8 dc 28 bf f2 72 d4 10 1f 99 42 69 9e 78 e2 47 82 93 31 d0 2d be 9f
e692 93 93 9a 1b 80 c0 10 c 53 78 a0 26 2a 96 4f 74 4b 16 c7 9c 8d ad ac fb 16
e6ab 15 c6 fd c9 a4 14 48 62 47 20 c9 41 ed 61 f8 9b f8 ff ba 39 50 65 87 ee
e6c3 bd ce 95 c0 fb a5 7e d8 cd 27 fd 2c 74 3 c1 1b 89 b9 51 d5 e3 da ef 9e 6
e6dc f0 aa a9 a7 fb 87 4c 5d cd ff 65 36 8c 73 6f 9 c6 78 9a b6 77 db df 81 68
e6f5 3b b8 ae 5d e1 af d4 e6 66 8c d6 a4 83 9f 37 3c 1 dc a2 a6 57 c2 20 1b 90
e70e 75 df cd a5 62 a5 36 79 fb 35 8a 9b b0 a0 a5 c3 37 6f 80 72 bc 52 30 8d
e726 9f 7a 64 d3 7 41 45 d8 68 97 f2 aa 1c a1 6c 7c 9d 32 7d ad 15 b1 53 e3 33
e73f 8a ed e9 49 d4 cf dc 96 22 37 36 11 9d 7f f0 4d e0 62 31 b1 c7 69 c4 79
e757 ac 20 1 e8 3c 6a 8c 32 cb 52 63 36 68 f4 10 2b 9c 21 4f df 5d 60 92 39 91
e770 e2 f9 c9 7d ca 48 3 3f 21 dd 6c f 23 2e 61 3a 9f ba c3 f9 4e 7 ea ed ef
e789 71 4a 72 3a ed 23 3d 77 b5 ed d5 1d f6 a4 99 fa ef 98 dd 2 98 80 b6 7c a3
e7a2 62 96 7b 8e bf 7b 81 9f 9a ce 3f 12 40 2e 25 db 84 16 dd 2e 86 f f4 b2 7e
e7bb 5e b4 14 6a f3 29 b1 a4 57 d5 a8 17 6f 87 a4 74 5b 9b 17 79 f1 ec 33 c8
e7d3 f0 1d b2 7e a8 4d 95 7f 5f 9 d5 1a 5a 45 f4 41 c6 d 3f eb 66 2a c0 e8 5b
e7ec 3c bd 50 ad f1 53 9d 2e 45 9a d8 7d 2c 17 a8 6e 15 48 13 39 53 ed 3d 78
e804 ad f 3a 65 a3 3e 2e fa ca 7 94 4a 1f b4 d8 7e 47 8a 8e de e7 7e 34 c1 69
e81d 7f 6a aa 66 58 18 31 24 72 13 22 34 8a 56 36 87 df c2 d 8e 3f 71 a2 5f 25
e836 8b 8d 4 78 fd c9 45 d1 55 79 c1 9f 13 84 1b c8 5 db 95 d0 7c 64 96 20 51
e84f c4 e0 5e ee 47 8a 11 ac fb 9 e0 bb 40 db 86 84 12 93 b9 c9 f2 9c 63 47 c9
e868 eb ad 1 3e fa 6d 3f a 64 5b 58 56 27 f ca 5d e0 30 bc 3e 10 5d ec 17 28
e881 85 5 51 8e 95 a3 94 3a a8 f1 96 f2 f 29 5c 97 dc 47 db 9d 6c 63 e8 e7 f0
e89a e4 a 70 f8 f1 47 54 d3 2d 32 7c ef bb 9a b4 1b 0 2b d6 dd e7 30 b a2 75
e8b3 c7 f5 d0 31 d7 d2 8a b0 ac 1c 6d 60 3a f7 c2 db 1e 6d 7 f6 8f 35 88 e5 7f
e8cc 3c 26 81 34 a0 32 a3 25 18 6e 73 b2 a0 f1 cb 86 61 e7 65 8b 76 98 19 6f
e8e4 c0 62 9b a3 cc 18 5e 40 12 97 2b d0 15 79 de 19 ea df 7a 59 2f b5 d7 39
e8fc 52 e2 6 f1 3 a0 a5 d9 1b 88 93 4d 30 c8 2d f5 db 55 ea 85 6f a 3f dc bd
e915 57 15 6a a3 a3 3e 8e ad 2d da a0 ca 75 7c 57 8b c5 cb b 1d 2c 8e c6 96 2e
e92e 6d 59 83 7d 64 72 ca 80 2e 6 a4 ff f6 f2 d5 1e 7 4 ba 34 6e 9 86 25 aa 4e
e948 e0 7f f5 32 47 3e 7c 43 d8 28 c4 1c 11 1d bd 33 3 b5 ca 13 43 34 2 b1 a0
e961 57 ed 9d 3c 23 d4 45 b2 6e 81 6e af 3e 67 90 be 59 a5 45 34 53 46 85 d1
e979 25 ee 7d cb a4 db 12 c3 aa 17 61 9a fb 66 40 76 fe 3a 69 96 c0 91 14 a7
e991 5d cc 9f f6 73 59 ee b8 55 97 20 26 ff 99 ec 72 41 b5 27 21 6e ae 8a d0
e9a9 e4 d3 da 6f c4 53 c5 f8 b3 a7 a1 5d 66 93 d8 b1 89 40 23 92 c0 90 fb cb
e9c1 e7 6b 4e 51 0 5d 57 f7 cd 1 e2 88 bf 44 9f ef c4 33 ce fa 46 46 a1 86 b
e9da 7a 84 66 66 b9 2 ec 10 c6 a1 d4 c1 18 33 b1 d1 2 18 ad 2f 53 e4 b9 33 59
e9f3 be 3c af 80 4c 8a d5 76 c 3b a7 e2 97 94 15 75 4d 17 d5 97 cf f9 4a d0 6e
ea0c bb 27 20 fc f1 f5 9 a8 df 4d b6 5d f0 1d 69 3b 76 35 82 a4 f3 56 64 39 5b
ea25 6b b3 7 e7 5 8e 82 11 22 a8 1a db c8 3e 67 4a 3 7e 72 51 d6 3d 1a 1c f6
ea3e b8 da 4b 18 8a 15 9d d0 a4 84 96 3e cd 3 f9 3a 30 f3 fb 8f 6e 2 73 eb 52
ea57 93 95 cf dc 6f 48 fb ab d2 a9 70 b4 e2 23 8d 72 86 a8 fa 78 98 1d c5 fe
ea6f 8a 51 88 2b b7 58 b0 ca ae 40 8a 33 32 75 1 6 c0 d4 b7 da 2a a7 bb ad f7
ea88 48 98 5a bc d3 d1 e6 16 97 c3 80 ab 73 ac 32 11 41 1f d 5d aa 0 dc d9 6e
eaa1 fc 30 6 ef 11 60 27 a2 5f eb 5f b9 35 8 23 4 be 10 c0 85 3e 55 b3 82 fd
eaba f7 c3 24 9f 2d 83 94 32 36 de ff 7c 87 7f 4a 80 7 2 23 cf a4 52 eb 3e 19
ead3 a0 b4 a 94 1a 40 58 d9 16 6d c0 64 c4 69 ed 60 46 65 cb df 58 38 0 51 c3
eaec ad a0 37 e4 cf ab f7 6c 24 7d 9 48 65 4a 9f 91 ad 1c 79 a4 a1 78 55 c e8
eb05 44 5b d ef 51 bd ea 2d a7 42 57 ab 3a 4f 2 b 3 19 6a 4d 72 76 5c 97 0 6c
eb1f c5 5d bc dd e7 81 cf 8d 34 38 50 3c 98 58 cc 41 aa 99 90 af fe 4e 96 77
eb37 ed 54 18 ce 2c d1 5d 34 cb 79 50 ff 28 96 44 e0 51 64 6 a8 b7 6e 8c 62 c4
eb50 66 95 81 4f 8c f6 26 ba ea 5d d2 79 b1 e4 e9 29 fc a fd b3 85 8c e6 52 dd
eb69 33 bd 5d c7 39 ef 6 ef 9e a6 6a 61 9c 9f d5 54 b4 fa a1 d4 10 9b ff 7e 33
eb82 11 52 99 c7 26 6e a1 36 8a ad ee 48 7a 2c 7f d5 b7 27 8a 6b 37 c 71 39 85
eb9b 9c ba a8 a 17 b9 d0 51 56 95 c2 3b 5 a7 31 c5 8b 5c 95 6e 4c 89 6f 17 ef
ebb4 d4 5a a 77 65 e1 49 b2 e8 72 ac 3c f0 6b 71 fa 3 c7 ca fc ad f9 55 22 ec
ebcd 58 2f 1c fa 29 cf 73 b4 ad 51 5c f8 66 70 59 5d 70 3e d1 3f c4 eb ec f1
ebe5 7 78 6a 93 67 9f 44 fc cb 5b 95 ff 74 c0 b7 42 77 26 c9 aa 8c ed 39 a2 db
ebfe 9c b3 eb 3d 4a 1e 9b 89 e4 d8 a8 27 74 ef a3 ed a5 24 5d bb ab d0 fe a1
ec16 29 ab df 75 a a6 23 0 cc f1 14 72 9b 1a 55 7e e5 d1 da 98 dc c4 cf ab 34
ec2f ba 8d de 4a 59 6 13 dd d8 44 3c e bb 56 95 ae 97 e2 3b 49 e5 9a 6b a2 53
ec48 c1 33 35 24 1b 33 17 c3 8a 8c 12 3d 3d 4e 5b 75 22 30 67 4f a0 5d 3a 78
ec60 88 a 11 35 7 b1 77 42 32 a8 c3 bb 20 fb 98 5 d6 ac e7 3a 63 35 90 93 9e
ec79 44 24 2e 1b d7 8c aa 29 53 4d d9 ab eb e6 1 56 c4 fd 54 a3 bd 14 5b b0 8f
ec92 ce be 23 24 93 c4 48 18 a3 e7 4 5 4b 78 cc 79 dd 3 56 a4 ed dd 5f 98 41
ecab 1b 68 4c c1 bb 41 c2 1e 3e 94 8e ef 28 1e b 76 e 4f 36 b1 c 6e e2 18 17
ecc4 20 fc 35 40 1f e4 6d a4 18 bb bc d5 9e ea 85 86 af af 63 d4 13 66 92 c4
ecdc 2b 69 84 ca 23 2b d3 66 81 6b 81 73 26 4 85 36 21 4c 49 44 75 64 39 16 3c
ecf5 ed e0 6d 44 75 45 30 43 68 c0 78 fc d0 17 b eb 81 3e c3 ba 1b f 4d ae c5
ed0e 55 1f c 39 12 5d 8 65 f1 34 59 de dd 98 56 17 43 38 66 49 9a eb db c1 87
ed27 51 38 cc b7 5f 98 fd 43 be 2d bb 74 f3 f8 f2 36 3d a4 34 a5 7e d2 26 cc
ed3f 84 1f ea 56 f0 80 18 69 4d 88 41 fc 56 fd 41 3b 1e e 9 27 4f f6 3b 62 4e
ed58 5a 1b 2a 4e 85 8c b2 4f 79 ef 59 4e e 73 3d bd c4 ca 60 e7 4a 47 90 b5 8
ed71 2a f0 4e dc ba 66 ae 48 2b 31 73 a2 11 c 32 ff 54 14 77 6b d6 58 4b bf ee
ed8a f6 6a bc dd 1 88 d da a9 f 81 24 c5 f8 72 9a db d5 c8 2a 80 a9 16 d7 c6
eda3 b1 91 c0 a9 95 40 b5 b3 a8 2a 28 c6 92 16 ab 54 7d f8 93 5f 3a 17 c8 45
edbb a9 f0 e0 71 23 76 53 38 a5 a1 cc d4 f1 f2 3c 2b 46 43 a1 d5 ba e d7 19 7a
edd4 c2 e1 8f 67 1d d 98 9d a1 79 9d 1b 20 7f 4d e7 bf f9 ff fe aa 28 ab 8f c
eded 4d 50 33 e3 26 fc 3c 3 3a 2b 26 12 f7 1 8f ee 97 4c e6 6 2b d9 1f a1 4a
ee06 77 44 d4 8b b7 3e 5e 2d 18 c3 54 68 99 a8 8d 92 96 9e 9d ab 33 38 ff b8
ee1e ee 78 c6 7b b5 84 95 d3 6 27 ae 5d 27 38 a 38 8e f0 1 a5 96 4b d7 9b 42
ee37 e5 6f 57 75 4c e9 78 2d 5b ec b6 d2 29 e2 a8 92 95 9c 65 2a 3e bf 8d e0
ee4f bf b3 ac c8 e 7e 13 af 88 26 7d 48 5a c7 39 29 36 d2 90 e8 3b 3 d0 61 1a
ee68 d2 e8 a8 f ba 8e a1 9f df 12 ab 54 7 23 98 de 62 af 4c 7e d4 fb 6b 2 6e
ee81 40 40 37 b7 73 f2 d8 81 be 29 d2 99 c0 73 25 1a 3c 92 75 6e bd d7 79 79
ee99 4 14 c0 4e 99 57 66 93 74 ec b0 29 7c df 61 b0 3 3a d1 c3 fa a4 f7 f 9f
eeb2 d3 f 0 b9 2a 5a 3a c5 88 25 b8 b9 cc 82 3 57 3a e1 7b 51 75 70 a6 74 1a
eecb ca cb 3 18 68 ca 77 fe 1b ad cd 68 7f 36 85 fc b7 4f a0 11 da 69 fa 79 87
eee4 d6 b9 21 dd 3e 70 db dc 84 d4 6e d1 20 4 af f6 32 a2 8e d 54 25 fe 7 54
eefd e 7a 74 4b a0 4b f7 f4 e8 74 22 e9 98 70 fb 25 2e f4 64 57 75 28 85 45 53
ef16 3a 2e e2 3c 54 36 e9 29 6 67 59 43 10 7e c1 49 cd 5e f9 97 a 58 5f 8a 11
ef2f 4f 3d 9a e2 2b 22 58 fa be fc 69 91 7a 8c 3f 77 9f c9 3b 54 26 23 93 b3
ef47 85 de ae f5 bd c5 47 4c c4 cd 5e ad bc 8f ba 31 f6 e4 70 fb 6e a7 96 d5
ef5f ad 10 80 39 43 97 4f 10 cc 1b 8f 8d cd 4c 63 4 d8 1e 85 70 41 6c a8 eb df
ef78 7f 36 c5 60 a7 12 9 16 73 fe 75 3a 2d 40 29 7d aa a 5c 2 29 23 0 a6 e5 6b
ef92 24 6d 9b 20 e5 7 cb 40 b0 38 59 9c a7 69 6a 70 d3 38 ef e2 b2 11 3e ea 2a
efab f9 2b 2e 43 1d 65 cf d6 1b ef 83 5a 5f e6 c5 62 16 ca 5e 4c a6 39 e4 53
efc3 2d 23 d2 5e 7e 15 54 8a 8 b7 3d bb 88 59 b9 9e a2 7c 42 1f a2 77 3c 5b 9
efdc 6d fa 8f 21 46 1a 3e ed ce 49 56 1d 29 2d 70 3 a7 6f 75 ac 1 87 ff 27 86
eff5 73 49 28 85 2d 97 7a 84 e 37 3d 86 10 21 4c e2 74 62 6b 51 70 8f 15 72 f3
e100e 81 b2 a9 9d 8a 63 ad 1b d5 aa 8a dc 96 3c e7 47 16 51 fc 87 50 9 b7 60
e1026 29 33 52 fb b0 df 70 c5 65 4a 60 3b c d7 a8 29 47 51 f7 8a 77 f3 99 3f
e103e 38 16 60 de 68 27 b2 24 7 62 a2 fd 40 86 b2 75 c3 3c 2f 3d fa 9 d9 a9 9a
e1057 71 3c ce 46 94 0 f9 bc 46 7f b8 2e 85 7f 7d d3 8d ea b4 63 81 59 10 bb
e106f 57 d0 b6 ab e1 83 74 1e 25 d5 73 78 18 b1 60 62 c f4 76 8d 17 d5 ed 23
e1087 23 e4 f6 32 64 5a 61 9 63 f6 92 57 d5 29 40 d6 3b ba 63 72 18 0 25 1b 7
e10a0 ee 7f 25 4a fa 6 74 19 46 e3 e8 89 7a c6 56 54 a7 43 13 4e bf 97 a5 6f
e10b8 99 2f ac 33 4d fa 58 3a 5a a a4 1a 74 62 c8 4f 3b 78 9 d7 ee 7e ee 2d 69
e10d1 30 40 ea 47 82 3b 85 8e 3 23 8f 74 4e 8 35 ab 74 4 1 57 d5 85 b1 6b 1e
e10ea f4 7d 1e d2 1e b3 fe f3 12 10 32 39 51 48 2d 6f e5 d3 a3 8c 8 8

g
rcx
fff
n1.com
w
q

※使用方法：
Step1. 把程式碼存成 1.txt (放在C:\底下)
Step2. 開始→執行→cmd(進入DOS Mode)
Step3. 輸入指令 "debug < C:\1.txt"，再來就開始欣賞這變態的程式吧...

畫面是遊戲天旋地轉(Descent)的一個場景！這個生成的1.com程式只有4K，可是卻實現了3D動畫的效果，還有一段背景音樂！真是見鬼了...神人是也，完全搞不懂他怎麼寫的...><"

[others] Leaving Taipei... & Mandatory Military Service

Tsung-Kai Chen — Sun, 07 Jan 2007 17:01:00 +0000

※For English Reader: Because Taiwan has mandatory military service for all males since 1949, I have to join the military for 1 year and 4 months! But I sometimes have holidays on the weekend, therefore I may miss your message until weekend!
If you are hurry to get response, I am sorry for any inconvenience or disappointment this may cause..but for the sake of critical reply, I would reply u as soon as I can!

為了替代役的軍旅生涯，在 2007/01/06 我離開了台北!! 將於 2007/01/11 進軍台中成功嶺...God bless me...看來我的Blog要停擺一陣子了..阿嗚..還有若你有在我的Blog留言的話，可能最快要週末時才能回覆您的問題...先說聲抱歉!!
為了紀念一下台北的愛的"小"窩(真的很小…囧rz)，來貼個幾張圖吧...^^
．Photo by SonyEricsson K750:

[AJAX] AJAX Labels Cloud

Tsung-Kai Chen — Sun, 31 Dec 2006 06:26:00 +0000

今天在 Blogger Hacked 發現一個超棒的東西叫作AJAX Labels，也就是之前 [Blog] Peek-A-Boo view of posts in label pages 的改良版，利用 AJAX/JSON 的技術，大幅提升Blog的更新速度，效果就像此圖中所表現的(建議還是試著點圖中的"AJAX Tas Cloud"才能親身體驗「真的快、好厲害」)，感謝作者Deepak分享(very Awesome!)

資料來源：
Blogger Hacked: AJAX Labels

接下來開始翻譯(...XD)安裝步驟：

Step1:若要此hack能夠正常運作的話，你必需在你的Blog裡使用"Prototype Javascript Library"，你可以到官網自行抓一份，放到你的空間中或者懶得話拿我的去用也無妨..^^(畢竟是Google提供的空費空間)，所以到必需在你的Template中新增底下code (放置於<head>...</head>裡頭)

<script src='http://chenkaie.googlepages.com/prototype.js' type='text/javascript'> </script>
<script src='http://chenkaie.googlepages.com/scriptaculous.js?load=effects' type='text/javascript'/>

Step2:接著新增核心部份程式碼，將底下連結中的程式碼仿Step1.同樣加到<head>...</head>裡頭，裡頭CSS請依照您個人喜好修改，細項說明，請參考原著解說!

CSS Code & Javascript code:
http://bloggerhacked.googlepages.com/ajaxlabelsscript

Step3:在你的Template中找到底下片段，有一樣的全都要修改(若不改的話，就是原本Blogger提供的效果)

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

將上面紅色部份，取代成底下：

<a expr:href='"javascript:getCat(\"" + data:label.name + "\")"' rel='tag'>

Step4:若你原先有裝Labels Cloud的話(沒有請跳到Step5.)

資料來源：
phydeaux3: Blogger Beta Label Cloud Update
phydeaux3: Code for Beta Blogger Label Cloud

若要將點擊Labesl Cloud所呈現出的效果也修改成AJAX Labels的樣式的話，請將底下：<a expr:href='data:label.url'><data:label.name/></a>修改成底下的樣子<a expr:href='"javascript:getCat(\"" + data:label.name + "\")"' rel='tag'><data:label.name/></a>
Step5:新增一個"HTML/Javascript" Page Element放置於"Blog Posts" Element的上面(可隨個人喜好修改)，裡頭的code如下(和原作不一樣，原作的似乎有些小Bug，我作了一點修改，若你作完不行的話，請參考原著)：

<div id="indicator" style="display: none;">
<img alt="Indicator" src="http://bloggerhacked.googlepages.com/indicator.gif" /> Loading...
</div>
<div id="search-result" style="display: none;"></div>

Step6. 存檔離開就好囉....^^ 快去試試看呈現出來的驚人效果吧!!

※此AJAX Labels Cloud是抓取Blogger提供的feed中summary類別(比較精簡，為了追求更佳的速度感^^)，作為文章預覽，所以呈現出來只有一小段!
※還有預設，點選每一個Label只有呈現5篇文章，若要增加的話，請將Step2裡頭程式碼"?max-results=5"中的5改為您想要的數字即可!

[Update 2007-03-14]
原作者，發表了新版本的AJAX Labels了，請參照此處

[Javascript] Selectable Post Font Size for your best view!

Tsung-Kai Chen — Fri, 22 Dec 2006 23:55:00 +0000

之前有看到許多網站或討論區，有可以自行選擇顯示字型大小的功能，對於視力好的人來說或許字型小了些沒什麼影響，但有些老人家..(是我嗎..XD)，有時就會覺得看得有些吃力，若能迅速的讓字型放大，不用再花時間ReLoad頁面的話，將會是個很不賴的工具!!

※當然藉由按 Ctrl++/ Ctrl+- (for Firefox)，或者是Browser提供的放大縮小功能，不然就是通用的「Ctrl+滾輪上下滾」來達到放大縮小的功能，但我這個人比較龜毛，因為這兩種功能所表現出來的文字常常是破碎或是很醜，個人無法接受...時常因為這樣不逛那個站了…囧rz，並且透過上述的方式縮放頁面字型時，是所有版面的字型都會放大，也就連帶影響到Sibebar、Header...及其它非本文章內容的部份，整個網站當初設計好的版型都變了樣，喪失美感! 因此，我在此Blog中提供三種用於縮放文章內容的合適字型讓大家選擇(位於此處)!!

至於在Yahoo Taiwan的新聞裡點進每一篇新聞之後，也有提供類似這樣子的工具，But...他每次點換字級大小之後，都必需要 Reload 部份的頁面，明明可以不用Reload的，為啥他這麼作…後來發現，廣告部份也隨著Reload換新的了...囧rz，想必這是最主要的原因吧，那是他們吃飯的工具，就給他reload一下吧...XD!!

參考資料來源：
懒人图库 LAYABOUT'S GALLERY

我根據上面所提供的的簡易版本，再修改成較適合於New Blogger版本 ^_^(當然再作適當的修改之後，其它Blog也都是可以套用的)。

在修改的過程中，又遇到某個語法getElementsByName在IE中的話只對表單的物件有作用...OMG..IE sux again!!還好有底下這位大哥的教學，解救了我...感恩!!

參考資料來源：
IE vs. FireFox 系列 - getElementsByName問題

於是，最後完整版的Javascript code (IE & Firefox 都正常) 就變成底下：

[Updated 2006-12-26] 針對留言中Benjamin網友所遇到的問題，在這裡提醒大家，貼底下code時應注意的事項：

由於Blogger在parse template語法有無錯誤時，他會檢查是否存在相對應的左括: <及右括: >，若不存在便會跟你說你的template語法沒有正確的close，導致儲存失敗。不幸的是，你若將Javascript嵌入template檔中，並且又很巧的，用到compare operator，例如：「小於:<」，如此一來他便會產生上述所提的，少了相對應的右括: >，而導語法錯誤啦! 因此，大家若要將底下這段javascript嵌入template中的話，記得將裡頭的<置換成<

<script type='text/javascript'>
function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i < elem.length; i++) {
 att = elem[i].getAttribute("name");
 if(att == name) {
    arr[iarr] = elem[i];
    iarr++;
 }
}
return arr;
}

function doZoom(size)
{
var zooms = getElementsByName_iefix("span", "zoom")
for (var i = 0; i < zooms.length; i++) {
  zooms[i].style.fontSize = size+'px';
}
}
</script>

之後，因為我只讓本文內容(Post.body)的字型大小可供縮放，因此編緝template內容，將裡頭找到的所有

<p><data:post.body/></p>

都置換成底下的樣子

<span name='zoom'><p><data:post.body/></p></span>

如此，就可以將被 name='zoom' 的span tag包住的那些內容，賦予字型縮放的功能!!

最後在將你要提供此項功能的界面，填入此段程式碼即可，裡頭的數字以px為單位：

<a href="javascript:doZoom(16)">大</a>
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(12)">小</a>

※展示出來的功能，請參照此圖，並加以操作看看…

[Blog] A not only Awesome but Lightning Fast Blog

Tsung-Kai Chen — Fri, 22 Dec 2006 13:01:00 +0000

我最常逛而且具有相當豐富內容的一個Blog: Hackosphere 最近全新大改版(作者稱之為：Web 2.0 blog)，著實令人目瞪口呆...不得不套句Epson的廣告詞：「真得好快、好厲害」，讓我對於Blog有了一個全新的體驗...XD

裡頭充份利用AJAX/JSON的技術，節省了許多不必要的頁面完全重新下載(reload)，只更新頁面裡頭有更新的部份，當我第首次瀏覽Hackosphere的新Blog時，常會以為點了之後，怎麼沒有反應....沒想到是已經更新完成...囧rz，不信的話你可以去逛逛，真的有如作者說的光速般的快..Cool斃啦!

由於他花了很多心血在這個新Template上頭，而且可能又因為聖誕節要到了，要送送禮了，手頭拮据吧...XD! 這次不再是Free Download了，而是以一個 US $10 的低價位給大家購買!! 想要贊助、支持一下他的人，可以透過這裡來得知購買資訊!!

※整體上我對於他的Blog所運用到的技術以及程現出來的效果相當滿意，唯一就是他的Blog的版面，一直無法深得我心...XD，不是我的type(羞)

資料來源：
．Unveiling the new Hackosphere
．Neo - The lightning fast blogger beta template