Ressol's Blog

為部落格加上多國語翻譯

noreply@blogger.com (Ressol) — Fri, 14 Sep 2007 12:15:00 PDT

(是的，這篇文章並不是第一篇，也不會是最後一篇教你怎麼用 Google 翻譯的文章。)

之前曾經在天空部落的舊站、Blogger 新站介紹過相關的做法 (可惡的天空部落，圖檔外連又出包了)，但是後來因為 Google 翻譯的服務有做一些小小的微調，會將一些怪異的 HTML 原始檔 (如：<a href="javascript:alert('test');"> ) 過濾掉，造成原先功能的故障。某天，在網路上閒逛時，發現一個網站也使用 Google 翻譯，但是用另一種方式來避過上述的問題，在這裡跟各位朋友分享一下它的原因及使用方式。

原理：
使用表單(Form)提交的方式，將各個參數送給 Google 翻譯
網頁載入後， JavaScript 將目前網址寫入 HTML 本文內，做為參數的內容
使用者按下語言圖檔 (這裡採用 <input type="image" onclick="xxx" > 取代 <A href="xxx" > ) 來呼叫 Javascript
表單提交給 Google 翻譯
Google 翻譯後，將頁面導回

原理說明完了, 那要怎麼使用呢？其實，真的很簡單，你只要把下面這段程式碼複製起來，找個可以放 Javascript 的自訂欄位就可以了
使用方法：

<form action="http://www.google.com/translate_p" style="margin:0;padding:0;" target="_top">
<script type="text/javascript">
var myLocation = location.href;
var loc = myLocation.split("http://");
var locID = loc.length;
var myurl = "http://"+loc[locID-1];
document.write ('<input value="'+myurl+'" name="u" type="hidden"/>');
</script><noscript><input value="" name="u" type="hidden"/></noscript>
<input value="zh-TW" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<input src="http://ressol.googlepages.com/cn.gif" value="zh-TW|zh-CN" name="langpair" title="简体中文/Chinese Simplified" onclick="this.form.langpair.value=this.value" align="bottom" type="image"/>
<input src="http://ressol.googlepages.com/tw.gif" value="zh-CN|zh-TW" name="langpair" title="正體中文/Chinese Traditional" onclick="this.form.langpair.value=this.value" align="bottom" type="image"/>
<input src="http://ressol.googlepages.com/us.gif" value="zh|en" name="langpair" title="English" onclick="this.form.langpair.value=this.value" align="bottom" type="image"/>
</form>

需要注意的是，建議將程式碼內所使用到的圖檔 (cn.gif / tw.gif / us.gif ) 另存至您自己的相簿中，以免日後網址失效。相關的執行結果，您可以在本站的左側欄裡點選 Translater 內的國旗圖檔來測試。

以上，介紹完畢，希望這段新的語法能幫上您的忙 ^_^

Google Code Prettify讓部落格也能顯示語法顯目提示

noreply@blogger.com (Ressol) — Wed, 05 Sep 2007 01:38:00 PDT

Google Code Prettify 是什麼?

Google Code Prettify 是一個 Google Code 中的 JavaScript 模組，透過它的程式及 CSS 設定檔，讓你可以在網頁中顯示程式碼，並依照不同的程式語言進行醒目提示 (Hightlight)。

目前(2007/08/31) Google Code Prettify 支援的程式語言如下：
C / C++ Java Bash SQL HTML XML XHTML XMP CSS Javascript Makefiles Ruby Python PHP Awk
而這些功能可以在 IE 6、Firefox 1.5 / 2、Safari 2.0.4 上測試並執行。你可以在這裡看到相關測試結果。

在設定上，你只要透過幾個簡單的步驟，就可以使用這個功能了。

請先至官網下載 Google Code Prettify 的最新版本，解壓縮後將程式放到自己的網路空間中
加入 Google Code Prettify 的程式引用
修改 Blogger 範本，並勾選『展開小裝置範本』

在 </head> 前加入(請將檔案的位置改成你自己的)

<link href="prettify.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="prettify.js"></script>

尋找 <body> 這個標籤，改成 <body onload='prettyPrint()'>

設定好了之後，日後在發文文章時，只要在你的程式片段前後加上 <pre class='prettyprint'></pre> 或 <code class='prettyprint'></code> 就可以了

原始內容

class Voila {
public:
 // Voila
 static const string VOILA = "Voila";

 // will not interfere with embedded tags.
}

加上 prettyprint 後


class Voila {
public:
 // Voila
 static const string VOILA = "Voila";

 // will not interfere with embedded tags.
}

想不到程式碼的語法突顯，只要透過這個簡單的小工具就可以完成了，真是再度驗證了那句名言：『科技，始終來自於惰性』呵呵~~
以上，跟大家分享這個有趣的小工具，希望能您會喜歡 :)

註：
在 Blogger 中，請先將程式碼的標籤轉換，以免發生版面錯置的情況：
< → <
> → >
" (雙引號) → "
& → &

相關連結：
Google Code Prettify 官方網站

使用 afeeda 來彙整你的 RSS 訂閱

noreply@blogger.com (Ressol) — Fri, 31 Aug 2007 14:04:00 PDT

afeeda 是一個提供 RSS 訂閱彙總 (aggregation) 服務的網站，它可以幫你把手上幾十個 RSS 來源組合成另一個新的 RSS，讓你只要帶著這個單一的 RSS 就可以到處跑了 (例如：製做自己的網誌聯播器、訂製自己的 Yahoo 新聞 ... )。

其實這一類型的網站並不少，原先使用 MySyndicaat 做為 RSS 來源整合的工具。但自從收到來自 MySyndicaat 的通知信後，得知 MySyndicaat 開始要收費了，免費會員將會限制原有的 RSS 來源數量後，只得重新另尋出路，在經過幾天的搜尋研究後，在這裡跟各位朋友分享一下 afeeda 的主要功能特色：

彙總多個 RSS 訂閱成單一的 RSS 來源
支援自 OPML 匯入 / 匯出
自動驗證各 RSS 來源是否有效
自動擷取各 RSS 的網站標題

接下來帶大家看一下要怎麼使用這個新網站。

圖1：afeeda 的主頁面

在進入 afeeda 的主頁面後，您可以點選左邊藍色區域中的 sign-up here 來註冊，要注意的是，這個註冊的動作是連到 MyOpenID 這個(帳號管理中心)網站來進行的，步驟如下：
1. 在 MyOpenID 上面註冊
2. 讀取 MyOpenID 的驗證信，點選驗證的連結
3. 在 afeeda 輸入您註冊的 OpenID 後，afeeda 會將頁面導向 MyOpenID
4. 在 MyOpenID 上輸入您的密碼 (並勾選同意 afeeda 向 MyOpenID 詢問您的帳號是否存在 )
5. 結束

(謎之音：真是嚇死人的複雜步驟呀...... )
幸好，MyOpenID 的使用者介面中文的，不用看一堆英文字..... @.@

在登入 afeeda 後，您可以點選畫面上方的 my feeds ，開始編輯您自己的 RSS 資料。

圖2：My Feeds 的主畫面

在圖2 您可以看到 My Feeds 的畫面中分為三類：Personal (個人)、Group (團體)、Event (事件)，基本上，這三個分類沒有任何差別，只是讓 My Feeds 用來做分類用的，您可依據您自己的喜來來存放。

接下來我們點選任 Person 分類中的 Create group feed 按鈕，開始建立我們自己的 RSS 彙整。按下去之後您會看到下面這個畫面，要求您輸入 RSS 名稱，afeeda 將會使用這個名字做為網址 (先佔先贏 O.O )

圖3：輸入 RSS 彙整的名稱

圖4：RSS 彙整的名稱已有人使用，要求重新輸入

輸入完名稱之後，會看到圖5 的內容設定畫面，您可以在這裡點選 Add Source 逐一加入各個 RSS 來源的位置、名稱，或是如圖6 點選 Import Sources，透過 OPML 來匯入您的 RSS 清單。

圖5：逐一加入 RSS 的位置

圖6：輸入 OPML 的內容，直接匯入多個 RSS 的位置。

如果您選擇的是 OPML 匯入方式，在等待 afeeda 處理的過程中，您會看到如圖7 的畫面，afeeda 正逐一驗各個 RSS 位置的資料正確性，以及自動擷取 RSS 的網站名稱。

圖7：即時驗證各個 RSS 位置的資料正確性

等它處理完後，您的 RSS 彙整就可以用了。

圖8：驗證結束後的 RSS 彙整內容。

您可以點選圖8 畫面上方的 View this Feed 來檢視這個 RSS 彙整的內容，它產生一個預覽檢視畫面。

圖9：RSS 彙整的預覽畫面

在畫面右下角有一個 RSS 的圖示，它代表著真正的 RSS訂閱網址，把它的鏈結網址複製起來就是您要的了。

圖10：RSS 彙整後的新 RSS 網址。

在試用之後，雖然 afeeda 看起來像是一個很陽春的網站，功能也不多，但它的角色定位目前看起來也很明確：RSS 的彙整產生器。而就 RSS 的彙整、重新產生這件事來看，在效能、資料正確性、使用者便利性方面都很不錯，唯一美中不足的是，您得使用 MyOpenID 來進行身份驗證，只能說，魚和熊掌不能兼得... ^_^

相關連結：

在 Excel 的儲存格內顯示長條圖

noreply@blogger.com (Ressol) — Fri, 10 Aug 2007 12:11:00 PDT

某天在網路上看到了一篇文章，展示如何在 Excel 的儲存格內顯示長條圖，在這裡跟各位朋友分享一下。以洋基隊在 2007.08.08 的球員戰績表為例，在最右方的加上打擊率長條圖後，看起會像下面這個樣子 (球員戰力一覽表 ? )：

看起來似乎比傳統的表格好一些，而這個技巧其實很簡單，只要透過幾個小步驟就可以達到了。

我們所要做的，就是使用 Excel 裡的 REPT 這個函式，它的說明如下：

函式說明：依指定的次數重複顯示文字。REPT 函數通常用來在儲存格中填入重複出現的文字字串。

語法：REPT(text,number_times)

text 是您所要重複顯示的文字資料。
number_times 是個正數，用以指定所要重複的次數。

接下來，我們就可以依據打擊率 (AVG, 範例中的儲存格位置為 I2 ) 的多寡，來重覆印出 | 符號，達到類似戰鬥力的長條圖。
範例中是用 REPT("I", I2 * 100 / 1.5 ) 做為該儲存格的公式內容，也就是說會重覆印出 0.382 * 100 / 1.5 = 25 個 | 符號。其餘的儲存格套用同一個公式即可，最後再為這些長條圖套上文字顏色就大功告成了。

如果您想多點變化的話，可以試著加上其他的邏輯判斷函式，產生類似高低標、增減量...之類的效果，讓你的試算表擁有更多樣化的外觀。

(取自網友 Chris 做出的範例圖)

以上，這個做法適用於 Excel 2000/2003。

---------------------------------------------------------------------------------------------

在 Excel 2007 這個版本，微軟有了更簡單、更聰明，同時也更漂亮的做法 - 設定格式化條件。只要你選取好特定的格式化規則後，就可以為選取範圍加上漂亮的漸層圖，底下為套用內建樣式後的結果。

哇! 看起來挺不錯的，要怎麼做呢？
非常地簡單，請看底下這張圖：

沒錯，就是這麼簡單，點沒幾下滑鼠就可以做出漂亮的圖表了。但是，這個做法也有幾個缺點：

你要有 Excel 2007
試算表要存成新版的 *.xlsx 格式
對方也要用 Excel 2007 來開啟試算表

不論如何，Excel 2007 (甚至是 Office 2007 ) 為使用者帶來了更方便的工作方式，看來辦公文書軟體的龍頭寶座，微軟可以安穩地再坐上一陣子了 :P

進階閱讀：
More on Excel in-cell graphing

Edge - 用 Javascript 幫圖片加上邊框特效

noreply@blogger.com (Ressol) — Wed, 08 Aug 2007 00:18:00 PDT

Edge 是一個用 JavaScript 寫的免費套件，你可以透過幾個簡單的步驟，來幫你的圖片加上邊框特效。它的特色如下：

純 JavaScript 製成
使用 CSS 來切換各邊框特效
支援自製的邊框特效
支援 Firefox 1.5+, Opera 9+, Safari 及 IE6+

目前底下是各個參數在 FireFox 2.0.0.x 所呈現出來的特效結果：

雖然 Edge.js 支援 Mozilla Firefox 1.5+, Opera 9+, Safari 及 IE6+ ，但是實際上測試的結果，似乎在 IE 上面只能看到簡單的外框特效。底下是 IE 6.0 sp2 上所呈現的特效結果。

Edge.js 本身提供了幾個內建的邊框遮罩 (mask)，這些遮罩可以協助您產生自己的邊框特效。如果您有興趣的話，也可以透過一些美工軟體產生自己的遮罩，訂製自己的邊框特效。

除了邊框遮罩外，Edge.js 也提供了兩個特殊遮罩，結果會如同範例的 edge imask5 及 edge imask6 一樣，就白色的部份顯示圖片內容。

看起來有沒有很炫呢？竟然只要使用 JavaScript 就可以達到這些效果，實在是太令人匪夷所思了。

接下來為大家介紹要怎麼安裝使用：

**步驟一：
至 Edge.js 的官方網站下載程式及範例。

**步驟二：
將範例中的相關遮罩圖檔及 edge.js 程式檔，上傳至您的網路相簿/磁碟中

**步驟三：
在您的頁面上加入 edge.js 的宣告

<script type="text/javascript">
<!-- 定義一個陣列，指定各個遮罩圖檔的位置 -->
var mask2load = new Array();
mask2load[0] = "masks/8bit/crippleedge.png";
mask2load[1] = "masks/8bit/frizzedge.png";
mask2load[2] = "masks/8bit/softedge.png";
mask2load[3] = "masks/8bit/splatteredge.png";
mask2load[4] = "masks/8bit/waveedge.png";
</script>
<!-- 載入 edge.js 程式碼 -->
<script type="text/javascript" src="edge.js" ></script>

請把上面的位置換成你自己的相簿/磁碟網址，需注意的是 mask2load 這個陣列的名字不能改。

**步驟四：
為圖檔加上特效的 CSS 類別，在這裡有兩種寫法。

<img src='xxxxx.jpg' class='edge imaskn' />
指定使用遮罩圖檔 n 來產生邊框特效, n 為步驟三的 mask2load 陣列的索引位置 ( 0 ~ 5 )

<img src="'xxxxx.jpg'" class="'edge inbuilt'" />
<img src="'xxxxx.jpg'" class="'edge inbuilt isizen" />
指定使用模糊邊框 (不使用遮罩)，邊框粗細為 n pixel，isize 不指定時，預設為圖檔大小的 10%，最多可指定至圖檔大小的 50%

結語：
這個 Edge.js 的 JavaScript 實在很有意思，大幅簡化了邊框特效的製做門檻，唯一美中不足的是對於各家瀏覽器的支援程度有待加強，或許等到新一代的瀏覽器、網頁規格問世後，這個問題可以迎刃而解。但無論如何，這個小工具確實為各個程式開發人員指引了一個新方向，也為當紅的 Ajax、Web Office 帶來新的應用。

相關網站：Edge.js 官方網站

Google Gadget 的武林帖

noreply@blogger.com (Ressol) — Tue, 03 Jul 2007 00:27:00 PDT

Google 在 2007/06/27 正式公告了 Google Gadget Ventures 這項活動，開始廣發武林帖給世界各地的 Google Gadget 開發人員，並提供下列兩個獎項 (沒有期限、名額的限制)：

Grants ($5,000) ：提供給 Google 未來想要發展的 Gadget. 如果你寫的 Gadget 擁有每週 250,000 的瀏覽次數，你可以準備一頁的提案書來向 Google 申請，並說明你要如何利用這些獎金來改進你的 Gadget.
Seed investments ($100,000) ：提供給可以藉由 Gadget 創造新的商務模式的開發人員。當你獲得前項 Grants 的獎金後，可以提出一個企業營運計畫，來向 Google 申請這筆創投基金，並說明如何在 Gadget 平台上建立一個可見的企業經營模式。

什麼是 Google Gadget ？它的中文名字是小工具，也就是在 Google 個人首頁 (iGoogle) 上的各個迷你小面版，你可以透過拖拉
這些不同的小面版來訂製屬於你的個人化首頁，甚至，如果你有安裝 Google 桌面的話，你也可以把這些小工具放到你的桌面上。

圖：Google 網頁小工具目錄

你看了之後可能會有點疑問，Google Gadget 怎麼看起來醜醜的？這樣子倒不如用 Yahoo Widget 還比較好看。

圖： Yahoo 的 Widget 工具畫面

其實，Yahoo 的 Widget 工具是安裝在桌面上的，跟 iGoogle 的個人化首頁服務不同的地方在於，iGoogle 是一個放在 Google 主機上的網頁服務，Yahoo 的 Widget 則是要安裝到自己電腦的桌面上。而對於 Yahoo 的 Widget 工具，Google 推出來對應的產品線為 Google 桌面，同時也提供與 Yahoo Widget 類似的開發工具及套件供使用者下載、使用。

圖：Google 的桌面小工具

在了解了 Google Gadget 的定位後，我們再回過頭來看看 Google Gadget Ventures 這個活動。
如何吸引使用者、留住使用者，一向是各個入口網站、搜尋引擎、部落格...等各大網站的努力的目標。這次的 Google Gadget Ventures 活動，打著懸賞的大旗來吸引世界各地的開發人員前往，為 Google 開發更多、更有創意的 Gadget，相信此一舉動將令 Yahoo 更為頭痛，至少，對開發者而言，Google 的獎金吸引力讓人不得不注意一下 ^_^

進階閱讀：
Google 小工具首頁
Google 開發人員指南
iGoogle

【教學】使用 mySyndicaat 重整、合併、發佈你的訂閱

noreply@blogger.com (Ressol) — Thu, 21 Jun 2007 12:20:00 PDT

不知你是否有遇過這種問題？當你訂閱的部落格、新聞、訂論區愈來愈多時，除了建立密密麻麻的書籤外，只能選擇在 Google Reader 或 newsgator 這類的線上閱讀器閱讀？而想要弄一個自己的聯播器時，卻發現大多數的網誌聯播器卻只接受單一 RSS Feed？

mySyndicaat 是一個免費的網路服務，可以讓你將多個不同來源的訂閱內容 (RSS Feed) 合併成一個 RSS Feed。除此之外，你還可以透過它來擷取、編輯各類的資訊內容，並透過發佈、閱讀的功能建立起自己的資訊頻道。甚至，你可以搖身一變，成為一個報社的總編輯，在彈指之間決定你的雜誌內容。

先來簡單的介紹一下他的功能：

可合併各類不同資訊來源的文章
可自訂篩選器來擷取 / 排除特定的文章
支援文章自動分類 / 重新分類
支援匯入 / 匯出 OPML 格式
可以 HTML / RSS / 文摘的方式發佈內容
支援跑馬燈 / 搜尋結果 / 多重排序等顯示模式
允許編輯文章內容
可在摘要加上註解、標籤、寄信、以 PDF 格式發佈

聽起來很炫耶，真的有那麼好嗎？

平心而論，整個網站大量地採用 Ajax 技術，除了操作簡便、回應速度外，訂閱、發佈的速度也很順暢。雖然文章編輯、發佈的功能略嫌陽春，但對一般的使用者 (甚至專家級使用者) 而言，這個網站所提供的服務足以滿足大部份的需求。與 Google Reader、newsgator 不同的是，mySyndicaat 並沒有強迫使用者在他們的網頁介面上閱讀，反而大大方方地讓使用者將自己整理好的 RSS 列表重新輸出成 RSS 或 OPML 格式，讓部落客們可以再依照自己的需求來運用，這一點倒是挺方便的。

廢話不多說，先來說明如何使用 mySyndicaat 重整你的訂閱。

首先，在 mySyndicaat 的首頁點選 Sign Up 來註冊一個新帳號
註冊完就可以直接點選 Login 登入了，不需 Email 驗證。

第一步驟
一開始，你要先建立你的 FeedBot，你可以將它視為『資訊頻道』，每個 FeedBot 可以包含多個不同種類的資訊來源 (RSS / Search / Blog .. )。在這裡，有幾點要注意的：

FeedBot Name 只能輸入英文
將 Refresh Interval (更新頻率) 改成你要的時間，最小單位為一小時。
這個站台大量採用 Ajax，輸入錯誤時請不要按瀏覽器的回上一頁，請改按畫面上的按鈕。

你可以按下 Feed Properties 旁的 Edit 按鈕，編輯這個 FeedBot 的屬性。

如下面這張圖所示，你可以輸入標題、描述、標籤、作者名稱、參考網址、版權宣告，以及閱讀這個頻道時是否需要輸入帳號、密碼。(這裡的標題、描述...等敍述性欄位可以輸入中文)

輸入 Feed Properties 後，按下 OK 按鈕關掉這個小視窗。接下來按 Next 按鈕切換到第二個步驟。

第二步驟
這裡要你輸入 FeedBot 的預設資訊來源，同樣地，Subscription Title 只能輸入英文。
它的 ContentType 可以支援很多種不同的格式，在這裡我們先選擇 RSS/Atom Feed 就好了，並輸入你要訂閱的 RSS 位置。

你可以按下 Feed Properties 旁的 Edit 按鈕來編輯相關屬性，最下面的 Language 不用去動它。

第三步驟
這個畫面是儲存前的預覽畫面，你會在這裡看到 FeedBot(頻道)、Subscriptions(訂閱)的資訊。
你可以按下畫面上的

Add Subscriptions 來新增其他的訂閱內容 (如第二步驟)，
Save FeedBot 按鈕來儲存這個頻道的內容 (訂閱內容後面還可以再做增刪)。

建立好你的 FeedBot 後，點選畫面左方的 FeedBots 標籤，查看你現有的資訊頻道清單。
紅色框起來的是剛才建立的 FeedBot，你可以按下 Edit 來修改它的內容，或按下 X 來刪除這個頻道。
按下 XML 的圖示，可以取得這個頻道的 RSS 內容 (預設為 RSS 格式)

在資訊頻道清單裡按下 Edit 按鈕後，進入 FeedBot 的修改畫面。
FeedBot 在建立完後，你就不能去更動它的 FeedBot Name，只能修改它的更新頻率及訂閱清單。

這裡，我們點開 Advanced 按鈕，查看它的進階選項有那些。

FeedBot 的進階選項有很多，在稍微介紹一下各個類別的內容及用法：

Filtering Options：你可以選擇擷取所有文章，或按下 Edit 來建立文章篩選器，過濾特定的文章內容。
Miscellaneous Options：雜項設定，可勾選支援 OPML 格式，頻道文章篇數、排序方式、輸出格式...等等。
HTML Rendering Options：是否支援 HTML 顯示頻道內容，及 HTML 的顯式風格為何。
Feed Posts Editing Options：是否允許編輯文章內容。如果你要重新編輯文章的內容，請打開這個選項。
Digest Options：是否使用文摘。打開這個選項後，你可以在它的 HTML Viewer 來挑選你要的文章，有點『精選文章』的味道。
Clear Feedbot Posts：是否清除頻道內的舊文章，清除的日期條件限制為何。

mySyndicaat 的功能及玩法有很多種，(像是訂閱各個運動新聞，再篩選出王建民的新聞後，用網誌聯播器擺在部落格上)，如果您有興趣的話，不妨試試看看它的各個功能，或許能變出令人意想不到的結果哦 (請別問我能不能篩選『正妹』，我不會告訴你的..... 嘿嘿..)

相關連結：

【後記】
mySyndicaat 的中文支援有點小問題，但文章內容都很正常。小弟曾寫信至 mySyndicaat 詢問有關中文的問題，得到的答覆是由於受限於開發人力及經費來源，暫時無法解決這類的問題。希望在將來這些中文的小問題可以得到解決......

昇陽‧黑盒子計畫

noreply@blogger.com (Ressol) — Mon, 18 Jun 2007 11:44:00 PDT

這個並不是通稱黑盒子的飛行記錄儀，昇陽 (Sun Microsystem) 的黑盒子計畫是世界上第一個虛擬資料中心的雛型，將最佳化後的主機設備、電源系統、網路連線、空間配置...等，建立在一個可隨時移動的貨櫃中，打破了世人對於傳統電腦機房的刻版印象。

傳統的電腦機房 (資料中心，Data Center) 通常建立在辦公大樓之中，除了擁有大量的主機設備及繁雜不堪的電纜線外，並要滿足許多額外的條件，像是空調系統、備援電力、消防設施、門禁系統、監視設備、防震結構...等等，以便企業可以安心的把資料 (網站) 存放於這些電腦機房中，24 小時無間斷地提供網頁 (或檔案下載) 的服務。

圖一：傳統的電腦機房

昇陽的黑盒子計畫則是反其道而行，他們以貨櫃為一個單位，將所有傳統電腦機房所需要的設備塞進去，除了電腦主機、磁碟陣列組外，並包含了火災預警、灑水設備、備用電源、空調系統...等等，一應俱全，而這些隱身於一個外觀普通的貨櫃裡。除此之外，這個所謂的『黑盒子』還可以透過多組串接的方式，擴充 / 調整現有機房的運載能量，大幅增加了系統的處理能力，也解決了傳統電腦機房因受限於建築物主體，而無法擴增電腦設備的問題。

依照昇陽所展示的使用情境，這個黑盒子可以出現在外海的原油開採平台上，或是後落的貧困地區，甚至是空無一人的高山原野中。

圖二：在外海的開採平台上建立兩個黑盒子做為電腦機房

圖三：用貨車載運黑盒子前進後落的地區，成為移動式的電腦機房。

圖四：將數十個黑盒子藏在倉庫裡使用

圖五：在高山上的風力發電設備旁使用黑盒子

根據昇陽的公告，這個黑盒子在聖地牙哥的加州大學裡，通過了 6.7 級的地震測試，並將測試的過程放在 Youtube 上，你可以在這裡看到這個測試過程。

那麼，這個黑盒子裡面倒底有些什麼東西呢？
這裡有幾張來自官方網站的圖片，帶您一探這個神秘的黑盒子。

圖六、七、八：黑盒子打開的分解動做，正面看到的左側是散熱風扇系統，右側是主機機架。

圖九、十：打開其中一個主機機架，可以看到上面裝滿了磁碟陣列組，背後以排線、電源線串接。

圖十一：網路線插座。(雖然它看起來真的很像消防水管接頭.... )

圖十二：貨櫃外部的電源接頭。規格為 600 安培 208 伏特，交流電。

圖十三：緊急斷電按鈕。

圖十四：電源開關及控制面版。

雖然這個黑盒子計畫只是個雛型概念，但它將電腦機房打包起來並模組化的概念，確實令人耳目一新，更讓許多偏遠地區能有機會建立自己的電腦機房 (如：北極、太平洋海上...等等)，目前在多倫多、英格蘭、羅馬...等地可以看到這個黑盒子，相信不久的未來會有更多類似的應用，協助人們建構一個更具科技化的環境，您說是嗎？ ^_^

進階閱讀：

Yahoo 公告將關閉 Yahoo! Photo 服務

noreply@blogger.com (Ressol) — Thu, 14 Jun 2007 10:00:00 PDT

根據 Yahoo 官方部落格傳來的消息，Yahoo 宣佈即將停止他們的 Yahoo! Photos 線上相簿服務。Yahoo! Photos 目前已不接受註冊新帳號或上傳照片，並預計於 2007/09/20 正式停機下線。

對於既有的使用者而言，Yahoo 則建議大家改用 Flickr 或是其他網路相簿，同時並提供線上搬家工具，讓使用者可以把照片從 Yahoo! Photos 搬到 Flickr、Kodak Gallery、Shutterfly、Snapfish、Photobucket 其中一家網路相簿。

如果你來不及在 Yahoo! Photos 停機前把你的照片搬走 (或下載到電腦中)，那你可以透過購買相簿 CD 的方式，自 Yahoo 取得你的相簿光碟。(每片 CD 700 MB, 售價 USD $6.95, 海外運費 USD$ 3.99)

------------------------------------------------------------------------------------------------------

Yahoo 自從併購 Flickr 後，對於旗下的兩個同質性的網路相簿服務一直是各玩各的，但是傳統的 Yahoo! Photos 使用者一直減少，而代表 Web 2.0 的 Flickr 卻擁有愈來愈多的使用者，迫使 Yahoo 認真考慮整合的工作，並決定讓 Yahoo! Photos 在今年九月吹起熄燈號。根據 Yahoo 的官方說法：『即使是再好的事情都有結束的一天，而我們決定將所有的心力投注在 Flickr 上 - 這個贏得最佳網路相簿獎項的網站，甚至被時代雜誌稱為絕對上癮』

由此可見，一個再成功的網站 (服務)，若是無法創造潮流，甚至適應時代的變遷，終於有一日會被新來的毛頭小子所取代。正如同 Yahoo 撼動了 Microsoft 的地位，而 Google 卻讓 Yahoo 心神不寧一般。

此外，被 Yahoo 買走的 Flickr 爭氣地擠下 Yahoo! Photos，並鞏固了在 Yahoo 的地位。而剛被 Yahoo 併購不久的無名小站，除了整合 Yahoo 的搜尋服務外，是否能一如所願地保有自己的品牌並擠下 Yahoo! 部落格？或是成為眾人茶餘飯後的一段歷史的雲煙？值得我們繼續觀察。

進階閱讀：
Yahoo! Phots 關站相關問答

3D 網頁瀏覽器 - SpaceTime

noreply@blogger.com (Ressol) — Sat, 09 Jun 2007 12:35:00 PDT

在競爭激烈的瀏覽器市場，一般人較常聽見的瀏覽器為 IE、FireFox、Opera (此外還有 Maxthon、 Netscape、Safari... 等等)。如今，你可以擁有另一個新的選擇 - 3D 網頁瀏覽器 - Space Time。

SpaceTime 日前於 2007/06/14 正式釋出它的 beta 版，強調以 3D 的頁面呈現方式，提供使用者 3D 瀏覽、搜尋、eBay 搜尋...等功能。除了炫麗的 3D 特效外，你還可以依需要切換回傳統的平面網頁瀏覽模式 (2D 模式)。

我們來看看它的實際操作畫面。

網頁搜尋：

這個畫面展示了在 Google 搜尋資料時，SpaceTime 會預先將各個搜尋結果抓下來，讓你可以用更接近真實世界的方式，一張張檢視各個頁面的內容。

eBay 搜尋：

這裡展示的是在 eBay 搜尋時，SpaceTime 會自動擷取符合關鍵字的商品，並以 3D 的方式顯示各個商品的圖片，讓使用者可以像是翻閱一本型錄般地挑選商品。

看起來似乎很炫？要去那裡抓呢？

如果您想試用看看的話，可以拜訪下列網址：

SpaceTime 本次強調的 3D 瀏覽界面，除了帶給使用者全新的操作觀念外，也可以窺見未來資訊科技的發展趨勢。記得 Vista 剛推出時，它所擁有的 Windows Flip 3D 功能不知道讓多少使用者忍痛砸錢將電腦升級。

圖：Vista 的 Windows Flip 3D 效果

而一位來自日本的網友則是弄了一個叫做 Madotate 的小程式，讓 Windows XP 也可以大玩 3D 視窗特效。

圖：Madotate 在 XP 上的 3D 效果

除了微軟的 Windows 之外，Sun 也透過 Java 技術開發出一套叫做 Project Looking Glass 的平台，並宣稱可在 Solaris 與 Linux 上執行。

圖：Project Looking Glass 的 3D 效果

這些炫麗十足的 3D 特效，確實讓使用者有了全新的體驗，但是，卻不一定能給使用者帶來便利。

為什麼呢？

執行效能
操作習慣

想像在一個 3D 的 Outlook 上寫一封信，或是在一疊疊的視窗中尋找圖片，這些翻轉、散落在各處的 3D 視窗，帶給使用者的是便利？還是更困難的操作方式？更不用說需要更高階的硬體備配 (顯示卡記憶體、RAM、CPU)，才能讓這些 3D 視窗很流暢地移動、顯示，而這些視窗，原本只是 2D 而己。

也許，幾年之後，硬體需求的問題被克服後，人們有更多機會學習操作 3D 介面。屆時，3D 操作會成為市場主流倒也說不定，您說是嗎 ^_^

【轉貼】立院大逃殺

noreply@blogger.com (Ressol) — Tue, 29 May 2007 18:46:00 PDT

話說某日，Ressol 的神秘友人甲 (謎之音：有這麼神秘嗎？) 從 MSN 傳來了一個網址，在打開之後，發現竟然是篇難得一見的 KUSO 經典代表作，在與原作者聯絡取得同意後，轉貼在這裡跟各位朋友分享，希望讓大家在忙於工作、生活壓力之餘，可以輕鬆一下 :D

原文出處：立院大逃殺--中文官方網站!!! 扁人或是被扁只能選一!!
作者郵件：ponywang6393@yahoo.com.tw

轉載開始

前言:
我是實在快要受不了臺灣政局的灑狗血跟打嘴砲了...所以就幻想了立院大逃殺。這些偉大的立院豬公們!
你們可知道當你們在打架在嘴砲在做秀在A錢的時候，有多少台灣的同胞們每天還要為了三餐而拼命?? 你們還記得宣誓就職的時候你們的誓詞??如果你忘了，我來提醒你們一下。

余誓以至誠，恪遵憲法，效忠國家，代表人民依法行使職權，不徇私舞弊，不營求私利，不受授賄賂，不干涉司法，如違誓言，願受最嚴厲之制裁，謹誓。

以下創作僅為個人情感抒發，所有內容純屬虛構如有雷同....都是天意!!!

下面這個是背景音樂，建議點了開啟撥放更具效果!!

一場廝殺就此展開了!!!! 首先出局的是....

你們真的是太天真了!!以為是在看卡通『超時空要塞』嗎？! 你們以為把立院當成KTV
唱唱歌就可以化解殺戮!?

緊接著...標哥陷入絕命絕體困境!!!!

危險危險危險!!難道所有下注買標哥的網友們就要虧大了嗎？請密切注意後續發展....

不過...真正出人意料跌破眼鏡的竟然是我們的熬委員.....一次秒殺7人!!!

待續....

對了，在這邊呼籲一下，如果大家有些什麼立法院稀奇古怪的圖檔。還請拜託轉寄給我
這樣我可以更有題材發揮喔。我的信箱 ponywang6393@yahoo.com.tw

****************************************************************************

激烈的廝殺，殘存人數快速下降!
中國2000年密傳奧義武術終於對上了擁有神之般才能....

再見了...張X文力尾....再見了...2000年的秘傳奧義武術....

李力尾發表超激K.O感言!!!

來福: 那不是.....兩情若是久長時，又豈在朝朝暮暮嗎？
李X憲力尾: 少了很多字是吧？

人性在巨大壓力逼迫下終於面臨崩潰.....

在這邊我們要特別表揚上面右邊那位替立院省下未來購買碎紙機大筆預算的王X慧尾員...
我們特別致贈一塊匾額歌誦她的豐功偉業.....

待續.....
如果您喜歡這一系列創作，還請多多來信鼓勵啊!!你的來信是我繼續創作靈感的泉源啦!!!

PS: 目前蒐集來的圖檔資源快要用完囉....還請大家知道網路哪裡有"麗院"圖檔的，
拜託提供一下喔!!!!
-----------------------------------------------------------------------------------------------------

過去眾力尾們各自在深山中修煉的功夫終於在今天得到了最嚴苛的驗證!!!
立院大逃殺正式進入真無雙修羅亂鬥DOA模式!!!

目前進度到這一張.....還請多多捧場......

待續!
--------------------------------------------------------------------------------------------------

立院大逃殺進入高潮火線亂鬥階段!!!!

許多過去絕跡失傳江湖已久的蓋世武功高手原來都隱瞞身分"默默"的藏身在立院當中......

沒錯!!這就是秒殺掉江湖殺手排行第二天殘地缺的獅吼功!! 原來傳到了油X霞尾員手中...

場內激鬥的氣氛也直接的影響了坐在控制室監控的人...

他真的不是練鐵頭功的....我可以作證....他練的比較可能是大粒金狗腿神功.....

激鬥之下，連退出江湖許久的丐幫掌門 "紅衣公"也顧不得身分出手自保了.....

媽的人家拳王分明帥到掉渣..到了你這個"大雄"尾員身上就跟半點氣勢也沒剩下來....↑
←葉大雄

立院四處都有捉對廝殺的對決場面!!! 究竟誰會是最後勝出的倖存者呢？
敬請密切期待(以及努力回貼)。

待續.....

編者按: 忽然發現自己好像迷上了 "XXX是吧?"這個口頭禪.....
看別人說什麼，然後我就給他腦門直擊加上個一句: XXX是吧？

----------------------------------------------------------------------------------------------------

工商服務時間!!!!

你支持通過BL法嗎？你受不了978的力委們嗎？別再呆坐在家中看電視了!!!現在就拿起電話
馬上訂購馬上享受!!!穿上BL立院大逃殺T-SHIRT。你馬上就會變成眾人目光艷羨的焦點!!!

就是他!!不要再猶豫了!!錯過這次機會，你就要再等四年(下次選舉)才能買到!!!!
送禮自用居家外出最佳良伴!!!!

對啦!老蘇差點忘記今天說文解字的四句籤詩了.....

真天立窮
相真功源
大爛建竟
白漫業委

喔....今天扣in的名人大家已經知道是誰了吧？

感謝班長金瓶兄大力代言推薦!!!

連金平兄都忍不住一次訂購了5件!!!

後手只剩 2萬件! 後手只剩 2萬件! (兩萬件能算是"限量"嗎？ -__- ||| )
只要這兩萬件那洗賣完!我們馬上就接下來更精采火爆香豔刺激的節目( 真的有香艷的要上檔喔!!! )

羅力!羅力! 都瞎! 都瞎!

"金罵"為了回饋廣大朋友的支持與愛戴!
現在只要訂購立院大逃殺紀念T恤
一件打9折兩件打8折三件打7折!以此類推!!
一次定100件!本公司脫褲倒貼0.01折跳樓回饋大家!!

本店秉持 作善事的精神只作功德不求營利
期望社會祥和充滿愛!!!

別在猶豫了!趕快拿起電話撥我們免付費訂購專線
0800 978 465!!!! 林北閒閒就機掰死力委!! 林北閒閒就機掰死力委!!
還有媲美成人專線的辣妹接聽喔!!!!

---------------------------------------------------------------------------------------------

OK，歡迎回到現場!!!

黑心黑心黑心!!!黑心貨充斥市面!!沒想到連立院的碎紙機都是黑心牌的!?!!??

特此更正! 人間碎紙機王X惠尾員當時並未直接出局。經後來深入查證。竟然是因為
黑心貨品管不良。卡紙嚴重造成便祕而淘汰出局。

另外!號稱神一般才能的李X憲尾員原本正得意洋洋時，竟然發現自己內傷慘重!?原來是
他模仿張X文委員武學時沒注意到學的竟然是金毛獅王的成名絕技五癆七傷拳!?而且因為
沒練內功只學外表。結果反而變成傷人三分自損七分。李X憲尾員當場爆噴鮮血被人扛出去了....

此外，雖然場內場外一片殺聲隆隆!但是人間有情系列我們還是要特別報導以下這兩位
深情款款的尾員...

沒錯!世人的眼光都是膚淺的!!哪能真正體會到他們情比金堅(炸豬皮)蕩氣迴腸(豬大腸)的愛意!?
我先預祝他們當七世夫妻啦!!!

緊接著...柔道天才西鄉四郎成名絕技山嵐重出江湖!!卻慘遭沙鍋般大的拳頭痛毆!!!!!?????

娟姐: 恭賀陳X容尾員光榮下場旁邊領便當!! 下次有跑龍套的腳色沒有台詞的我在通知你!

力院大逃殺已經進入最後精英激鬥的時刻了。請密切注意接下來的發展!!!

PS: 不知道大家有沒有注意到，其實我一直在做修稿的動作。有時候回頭過去看看
前面發表的圖片，覺得不是很滿意，或是臨時又有了什麼新點子，就會在把之前的檔案
打開重新加料囉!! 請大家稍微留意留意喔....
---------------------------------------------------------------------------------------------------

傳說中火雲邪神因為太醉心於煉功而淡出江湖。沒想到竟然也是潛伏在立院當中!!
王班長!!!你瞞的我們好苦啊!!

別難過了...王班長...老師再送你幾個立院大逃殺的手機吊飾...你可以掛在那話兒上面...
多少有點裝飾功能...還有來電顯示喔!!!

另外，非常值得特別報導的是熬尾員用盡毒氣之後，竟然異想天開企圖用當年的鹹濕照片
企圖引發眾人的集體視覺中毒。熬尾員不虧是四川唐門用毒高手的後代.....可惜......

狂賀! 台灣力院大逃殺不但揚名國際更吸引世界各大媒體來台報導!!

以上為今天的立院大逃殺報導!請大家看歸看，盡量踴躍的來信鼓勵一下!!
越到後面越精采(不過也越來越難掰了)....有你們的回應才是我繼續創作的動力喔!!!

另外，也非常歡迎大家把這系列的圖檔加上文字，用滑鼠框選起來貼到email裡面
分享給親朋好友喔!!! 希望能夠多少幫助大家可以舒解對於台灣政壇亂象所引起的
情緒不滿跟壓力啦!!!

PS:有的事情問問大家的意見。作者現在有兩個計畫。一個是推出影音版的立院大逃殺
用上面這些素材配合音樂音效做成像MTV的影片檔。另外一個是立院大逃殺鬥毆FLASH小遊戲。
不知道大家對哪一個比較有興趣?歡迎來信發表意見喔!!!

PS2: 順便在公告一下，誰有標哥丟壓克力板還有力院三寶的照片擋。可以PASS給我一下
我上網找了半天就是找不到。另外羅不住PK李慶安的照片也麻煩大家幫忙找找。越事有圖
我這邊創作合成就越容易啦!!要靠大家多多幫忙。如果有圖檔的就煩請寄到以下信箱。
0800-978....(搞錯了)信箱是 ponywang6393@yahoo.com.tw

最後在叮嚀大家。歡迎幫忙我把這個系列作品傳出去喔!!!
****************************************************************************

大逃殺收視勇破世界記錄!!不過眾力委們逐漸出現虛脫無力的現象....

如果您在其他頻道看到類似力院大逃殺之情結或是疑似黑心仿冒大逃殺，請撥打我們
免付費檢舉專線：0800-627-466 林北閒閒撩下去死料料!!

力院大逃殺不僅好看!還有神奇的功效!不僅可以讓想瘦的胖起來想胖的瘦下去!
還有去傷解鬱強壯心血管機能等等神奇的功效! (看完你沒中風正表示我們力院大逃殺幫你舒通了血脂肪!!)

傑克!這實在是太神奇!!太黯然!太消魂了!!
為什麼!!??為什麼讓我看到這麼精采的力院大逃殺!?我好擔心以後看不到怎麼辦？
(請放心!力院大逃殺會繼續天天撥出!已經打破之前影史紀錄"親戚不逃殺"的記錄!!)

編者按: 今天進度就這兩張，素材是已經快要見底了....期待這些尾員們能夠專心一點...
專心一點給我好好打架....

************************************************************************************************

場外擴音宣導撥放!!!

請大家千萬務必仔細分辨.....

************************************************************************************************

如果以NBA的術語來說，力院大逃殺已經進入了季後賽東西區代表權爭奪戰的階段了!!
場內血肉橫飛!場外各地插賭的暗盤更是波濤洶湧。不過真正操控賭盤走勢的四大買家終於紛紛出現!!!

現再大家知道真正幕後操控整個力院大逃殺賭盤的是哪四位。
之所謂...別人笑我太瘋癲，我笑他人看不穿；不見力院豪傑墓，無花無酒鋤作田....

好詩.....好詩.....

啟芳尾員不虧一直都是以冷靜思考著稱的戰略高手!!經過他冷靜的分析之後終於想到了
可以帶領殘存的尾員們逃離出死亡力院的完美作戰計畫......只是...他的美術功力真的是... 有待加強....

關於為什麼啟芳尾員可以發揮出異於常人的思考模式，法醫們鑑定後仍然無法取得一致的看法。

PS: 真的是越來越難作圖了....圖檔資料庫所剩無幾。剩下的又沒啥好發揮。靈感也進入
瓶頸階段.....一開始那種抓到圖就天馬行空的感覺越來越難找到了....懇請大家幫忙尋找
立法院的相關圖檔。越是火爆的越好。或者能夠幫忙找找標哥邱毅這兩個人的圖片檔。
感激不盡.....

******************************************************************************************************

總統先生日前發表四不一要宣言!!力院率先做表率!!響應正名運動!!!改名掛牌重新上市!

請前往參觀的民眾配合工作人員，勿帶外武(外邊買的武器)進場。如需要購買，
請到立院內販賣部參觀選購!!謝謝合作!!!!

力院秋意(濃)尾員施展大理段家皇室絕學!!十八銅人誓要追回天龍寺叛徒!!

我們會想念你的....秋意濃...

秋意濃　離人心上秋意濃　一杯酒
頃訴哀愁　離別多　葉落的季節離別多 ......

好歌...好歌....

*************************************************************************************************

立院大逃殺!特別篇.大逃殺T恤DIY自己動手做!樂趣更多喔!!!

另外，秋意(濃)委員版，李X線委員版等等其他版本也將陸續推出!! 敬請期待!!!

原本已經為數不多的殘存尾員們。誰知道又陷入了中午便當要叫撒尿蝦還是牛肉丸的激烈衝突!?

爭什麼!?參在一起做撒尿牛丸不就得了!?笨蛋!!!!

*********************************************************************************************************

王班長金平兄雖敗由榮!他力戰群雄的事蹟遠遠傳播到東亞漢倭奴國，當地知名漫畫家池下獠一更根據
王班長的傳奇故事繪製了長篇改編漫畫--王立院金平的生涯!! 出版後大獲倭奴國好評!!!!

所謂臥龍鳳雛得一者安天下!! 但是大家不知道，水鏡高徒豈是八奇而已!!今天!!我們就跟大家公佈水鏡
老師的關山獨門傳授弟子!!!九奇!!!!!

另外! 力院 " 是吧?是吧?軍團 "現在正式公開招募新血!!歡迎有志青年踴躍報考!請向各縣市
是吧是吧英雄館 索取報名簡章!! 意者從速以免向隅!!!

離島地區歡迎撥打是吧是吧軍團免付費專線!

0800-4848-4848! 林北閒閒!是吧?是吧?是吧?是吧!!

**********************************************************************************************************

立院大逃殺終於登上小螢幕....承蒙TVBS新聞台報導!!!

以下為原文報導網址歡迎前往參觀

http://www.tvbs.com.tw/NEWS/NEWS_LIST.asp?no=ghost20070525185520#

不知道該說是高興還是不幸.....雖然說林北人在國外.....不太可能會有條子到我家來關心 ....
不過希望下次回台灣度假可不要在機場就被人帶走從此失蹤了....

**********************************************************************************************************

承蒙大家的關心!標哥依然健在!!!原本被眾高手圍攻的標哥陷入絕命危機!
但是標哥只要一想到過去傷心的往事...瞬間戰鬥力就會破表!!!

難道真的自古好人多收卡？全國的好人卡持有人朋友啊!!!你們的辛酸標哥最知道!!!!
自從被尤莉雅發卡以後，標哥就立誓不當好人!要力爭上游!終於證明了
好人也是可以擺脫收卡的悲哀!!(只要你$$夠多....) 至少...你兒子就不會在背負拿卡宿命...

接下來的週末作者出遠門所以暫停更新!! 還請大家見諒!!

**********************************************************************************************************

自2007/05/13起至今共計人瀏覽參觀!

(以上人次包含微風廣場論壇8580人次)

如果您還喜歡這一系列的作品。還懇請您大力轉載或是轉寄給您的朋友!! 苦悶的政局需要一點調劑!

另外!也歡迎您來信鼓勵作者!!您的支持是我繼續創作的原動力!!以下為作者的信箱!

ponywang6393@yahoo.com.tw

或者!也歡迎您來參觀作者的部落格!!!

http://tw.myblog.yahoo.com/ponywang6393

謝謝!!!

必玩的小遊戲! PlayMyGame

noreply@blogger.com (Ressol) — Mon, 28 May 2007 20:57:00 PDT

PlayMyGame - 玩我的遊戲

這個叫做 PlayMyGame 的網站創始於 2007 年一月, 主要提供 Web 2.0 的個人化及差異化的線上遊戲, 透過他們的介面, 你可要點幾下滑鼠, 就可以創造你自己的小遊戲 (flash)。

為什麼是【必玩的小遊戲】呢？
看看底下這個範例畫面，真的是不得不大力推薦。

這個遊戲要怎麼玩呢？

左邊是你的體力及集氣, 右邊是電腦的體力, 要在回合結束前打倒電腦。
按鈕說明：

A - 左拳
S - 上勾拳
D - 右拳
空白 - 防禦

接下來教你怎麼製做自己的遊戲。

一、準備照片一枚

(這張是從 google 找來的範例, 請換成你要的圖 )

二、進行遊戲建立介面, 請點選這裡

三、上傳照片

四、編輯照片的位置、大小

這個步驟很重要, 你可以
拖曳 size 來調整大小
拖曳 rotation 來調整照片角度
拖曳 brightness 來調整照片明暗
勾選 mirror 將照片左右反轉
拖動照片來調整位置
拖動三角點、圓點來裁剪照片

五、設定五官位置

依下方的例範圖, 將眼睛、鼻孔、嘴巴拉到對應的位置

六、選擇遊戲類型

你可以將這個做好的臉，套用到不同的遊戲類型上。
在這裡先不選，等操作較熟悉後再來創造別的遊戲。

七、按下左方的 refresh preview 來更新預覽畫面

八、按下 Finish and create! 按鈕來建立遊戲

按下建立遊戲的按鈕後，網站會把你帶到遊戲頁面，你可以在上面

玩遊戲
複製語法、貼到你的部落格
寄信邀請朋友來玩

以上介紹完畢，希望各位朋友會喜歡這個小遊戲 ^_^

相關連結：PlayMyGame 官方網站

Google 宣布增加 Gmail 的附檔上限

noreply@blogger.com (Ressol) — Sat, 26 May 2007 13:19:00 PDT

是的，你沒有看錯，現在 Gmail 的郵件附檔 (attachment) 上限從 10MB 提升至 20MB 了。

Google 的官方部落格於 2007.05.24 公告這項訊息，但從 Gmail 說明中心的文字敘述看來，這個增加容量的調整己在 2007.05.15 前就實施了。(Google 是在測試有多少人會去看說明中心嗎? XD )

相較於 Gmail 在這個時候增加附件的大小上限，剛宣布廣告信箱無上限沒多久的 Yahoo Mail，則是規定一般會員 10MB，付費會員 20MB 的附檔大小限制。如此一來，Yahoo Mail 是會隨著 Gmail 調整這項規定？或是另闢奇徑，跳出這場信箱容量的割喉戰？就讓我們拭目以待。

進階閱讀：
Google 官方部落格公告
Yahoo 信箱限制說明

【教學】Flash 網誌聯播器 - Yourminis RSS

noreply@blogger.com (Ressol) — Thu, 24 May 2007 22:25:00 PDT

由於某些問題，之前所使用的 FeedFlash 有些問題，無法正常顯示我的訂閱內容 (文章標題後面會接著站台描述)。後來有試過幾個 Flash 版的 RSS Widget，但都無法解決問題，幾經波折後，終於找到了另一個網誌聯播器 - Yourminis 的 RSS Widget。

廢話少說，先來看看它的實際畫面。

簡單描述一下它的特色：

中文顯示無誤
可自訂視窗大小
允許自訂標題
允許自訂標題背景與文字顏色
允許背景圖片
支援光棒效果
允許點擊另開新視窗
支援 MySpace、Blogger..等語法
支援標題/內文一併顯示模式

很不錯的一款聯播器，接下來教你怎麼去申請安裝。

一、連到這裡進入它的主畫面。

二、滑鼠移到右下角，透過拖拉來調整聯播器大小 (畫面會出現黃色虛線框)

三、到畫面左上方，點選 edit widget，叫出設定選單，選擇 Edit Feed Settings

四、在紅框處輸入聯播器的標題、Feed 位置。

若你要點擊文章另開視窗，請勾選 Open article in new window

輸入完畢後，按下 Save 按鈕

五、畫面會重新載入 RSS Feed，你可以在這裡預覽

六、按下調整顏色的按鈕，來調整你的佈景、文字顏色

七、按中間的倒三角按鈕，叫出設定選單，選取 Font Size 來調整字體大小

八、按畫面右上方的 (+)copy to web，要求取得語法

九、中間會出現各類網站的貼圖設定，選擇最基本的 (+) 就可以了

十、畫面會顯示語法，把它貼到你的網誌上就可以了

結論：

這個 RSS Widget 原先是設計給 yourmini 入口網站用的(類似 Google 個人首頁)，但也同時允許使用者貼在其他網站上。唯一美中不足的是，文章提示的功能 (如：圖五) 只限於他們的入口網站，部落格中無法顯示這些提示功能。以上就介紹到這，希望這個小東西能幫上您的忙 ^_^

【教學】為天空部落加上佈景主題切換的功能

noreply@blogger.com (Ressol) — Wed, 23 May 2007 01:03:00 PDT

之前在摸索 jQuery 時，發現可以透過它來動態切換版面的 CSS 樣式，達到類似佈景主題的效果。其中，有位網友寫了一篇文章教人們怎麼去使用，並建立一個 demo 的站台。這個玩意兒看起來滿有趣的，當時在天空部落摸索了一陣子後，做出類似下面的效果。

選擇佈景主題

切換不同版面

看起來似乎還滿有趣的，其實做法很簡單，只要幾個小步驟。

準備好你所要的 CSS 樣版檔 (*.css )，上傳至網路空間中 (如：google page 或文章附檔...等等)
將下面這段 javascript 加入你的網站中。

<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js" >
</script>


<script type="text/javascript">
var isRememberStyle = false; // 是否要用 Cookie 記憶使用者所選擇的版面

if( isRememberStyle) {
var c = readCookie('style');
if (c) switchStylestyle(c);
}

function switchStylestyle(styleName) {
$('link[@rel*=style][@title]').each(function(i) {
if( this.getAttribute('href') != "http://pics.blog.yam.com/css/standard.css") {
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;
}
});
if(isRememberStyle) createCookie('style', styleName, 365);
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name){
var nameEQ=name+'=';var ca=document.cookie.split(';');
for(var i=0;i<ca.length;i++){
var c=ca[i];
while(c.charAt(0)==' ')c=c.substring(1,c.length);
if(c.indexOf(nameEQ)==0)
return c.substring(nameEQ.length,c.length);
}
return null;
}
</script>


<link rel="alternate stylesheet" type="text/css" href="http://ressol.googlepages.com/Autum2.css" title="css1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="http://ressol.googlepages.com/Crane.css" title="css2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="http://ressol.googlepages.com/CSS3.css" title="css3" media="screen" />

<select onchange="switchStylestyle(this.options[this.selectedIndex].value);">
<option value="css1">原野夕陽</option>
<option value="css2">中國風情</option>
<option value="css3">悠閒海灘</option>
</select>

紅色部份說明：

使用天空部落格的朋友，要先跳過天空的標準 CSS，別讓程式去處理他
各個 CSS 樣版請換成您自己的檔案位置

小技巧：
如果你與小弟一樣，對網頁版面樣式設計並不在行，那你可以考慮到天空的的後端管理介面的樣版管理，挑選、套用美觀的樣版後：
檢視瀏覽器的原始碼
把對應的 CSS 下載回來
( 如：<link id="css" href="CSS 檔案位置" rel="stylesheet" type="text/css" />)
把下載回來的 CSS 檔案上傳至網路空間。

這樣子，你就有多個不同的樣版，讓訪客可以依心情挑選自己喜歡的佈景了

其他：
這個小工具的原理應該可適用於其他國內的部落格系統，如：無名、Pixnet、樂多 ... 等等，做法與修改的地方差不多，但你的部落格必須要允許 javascript 功能才可以。(無名免費會員、Yahoo 就不行了 v_v )

【教學】為 Blogger 加上書籤

noreply@blogger.com (Ressol) — Mon, 21 May 2007 03:28:00 PDT

是的，這個不是新鮮事，有很多 Blogger 都有收藏文章的書籤功能了，也有許多工具可以幫您的 Blogger 加上書籤按鈕。個人曾看過幾個不錯的部落格有擺上這些功能，其中較令我驚奇的是 Beautiful Beta 這個插件，左側會有文字提示您目前選取的是那個書籤網站。

但美中不足的是，仍無法滿足我的需求：

未來的擴充 / 修改不便
國內一些較常用的書籤站台並沒在裡面 (像是 Hemidemi、PC Home、My Share .. 等等)
沒有選取即摘要的功能

依據 Ressol 定理一：『科技，始終來自於惰性』的規則下，開始了書籤按鈕的修改工作。
過了幾天之後.... ( 看在我剛用 Blogger 沒多久的份上，請原諒我吧 @.@ )

由於 BSP 系統的特性，在 Google Blogger 的範本 (Template) 上寫 JavaScript 是件非常痛苦的事，花了點時間弄出這個小東西，在這裡跟大家分享一下作法，希望對有同樣需求的朋友能減少一些時間的浪費與摸索。

特色如下：

安裝只要兩個步驟。
簡化 Blogger 範本的修改範圍，增加日後擴充、修改的容易性。
支援選取(反白)即(書籤)摘要。
按鈕內容動態提示。
支援 HemiDemi、MyShare、Baidu、Google..等 12 個書籤網站。

原理：
其實很簡單，主要是修改 Google Blogger 的範本，增加一個空白的位置 (div 或 table 或 span 皆可)，再利用 jQuery 這個 JavaScript 套件以及書籤語法，於頁面載入後即時生成對應的內容。

一、修改範本

進入 Blogger 的管理介面，編輯範本 HTML，並勾選展開小裝置範本
尋找 <p class='post-footer-line post-footer-line-2'/>
換成這個檔案(檔案一) 的內容

二、加入 HTML/JavaScript 程式

新增 (或修改現有的) HTML/JavaScript 網頁元素
加入這個檔案(檔案二) 的內容

三、重新整理畫面、測試

注意事項：

只適用於 Blogger 新的網頁範本格式 (xml)
因各樣版的差異性，若找不到 <p class='post-footer-line post-footer-line-2'/> ，可試著找 <p class='post-footer-line post-footer-line-3'/> 或適合位置修改內容
檔案二內直接讀取 jquery.com 網站上的程式，建議將 jquery 最新版抓下來存放於自己的網路空間，避免每次開網頁都連回 jquery.com。
若您己有使用阿土伯的 Blogger_ext2 或 jquery, 則可刪去重覆的 jquery 引用。

需要使用的朋友請自行取用，您寶貴的意見的留言，會是對我惰性的最大鼓勵與支持 ^_^

後記：原來，在 Blogger 上要貼程式碼是如此的困難，有人可以提供好建議嗎 @.@

搬家到 Blogger

noreply@blogger.com (Ressol) — Mon, 14 May 2007 20:06:00 PDT

天空持續掛點中....

新家持續建構中....

從沒想過我也會成為搬家一族。

天空部落，我的第一個部落格，當初仔細比較各家 BSP 的功能與優缺點後，才決定在 Yam 落腳生根，吸引我的三個主要原因是：

後端文章編輯器 (FCKEditor)
支援 JavaScript
無限空間

在四月初，天空部落進行所謂的機房搬遷後，開始線路不穩，到了晚上經常會發生網路擁塞的情況。而到了五月初，連續幾天(2007.5.14 - 2007.5-17) 無預期的掛點，除了姍姍來遲的公告外，似乎沒有任何說明與承諾何時會好。

至此，我深深的體會到。
功能不足，可以自己補上。
頻寬、設備不足，卻是永遠的無解。

幾經思量後，決定搬家至 Google Blogger，逐一將缺少的基本功能補進來。
預設接下來幾天把文章搬過來，在這裡繼續我的部落客生涯。

各位親朋好友，若您有與小弟交換連結，請您將網址自
http://blog.yam.com/ressol 改為 http://ressol.blogspot.com

初次使用 Blogger 還有很多不熟悉的地方，歡迎您提出建議，好讓我一一改進 ^_^

Snap Shots 的成功之道

noreply@blogger.com (Ressol) — Fri, 11 May 2007 10:42:00 PDT

話說，幾天前在撰寫 Snap Shots 的教學文章時，發現他們的中文版官方網站上，有些字句的翻譯不是很正確(像是 Link 翻為連接 )。看了幾次之後，一時手癢點了他們的意見回饋 (Feedback) 按鈕，將這些英文/簡體中文/繁體中文之間的翻譯小問題，反應給他們知道。

隔天，收到一封來自 Snap.Com 客服人員的回信 (嗯，不是系統發的自動回信，還算有誠意)，說他們會將這些意見轉給他們的翻譯小組。

原本以為事情就這麼結束了，直到兩天之後，我收到另一封來自 Snap.Com 的信件。
信件的大致內容為：『謝謝你的幫忙，我們建立了一個 Wiki 系統，可以讓你跟其他人一同參與這個令人興奮的創舉。』並邀請我去參觀這個新建立起來的系統，協助翻譯工作的進行。

看起來似乎沒什麼，直到我看到他的簽名檔 (紅色框框處)。
原來，寫這封信的不是別人，而是 Snap.Com 的產品副總裁 Jay Meydad。這下子可有趣了，一位堂堂產品副總裁竟然會親自回信給使用者，並為此建立一個 Wiki 平台來改善翻譯的內容，這真的令我大吃一驚，也深深的被他們對使用者的重視所感動。

我回信給 Jay Meydad, 謝謝他的回覆以及對他們的工作態度表示敬意。Jay Meydad 回了另一封信表示，他們最引以為傲的事情之一就是針對使用者的意見調整 SnapShot，並盡一切的努力讓 SnapShot 可以在使用者及閱讀者前呈現最好的一面。

說實話，我從來沒聽過或看過國內外有那間網路、軟體、資訊業者這麼重視使用者。一個新的產品要能脫穎而出，最最最重要的是貼近使用者的需求，傾聽他們的聲音，給予他們想要的產品(服務)。難怪 Snap.Com 會在短短的幾年內讓許多網站採用他們的預覽功能，並製造出其他競爭者難以追趕的差距。

順道一提，小弟在 2007/5/5 曾發文介紹 Snap Shot 的進階功能，而 SnapShots 仍持續地擴充他們所能支援的網頁格式。裁至今天為止，所增加的新功能為：

AudioShot、VideoShot 的預覽視窗可以用拖動的方式，把視窗拉到任何位置。
VideoShot 新增支援 Google Video / Meta Cafe / Revver / PhotoBucket Video 這四間線上影音網址的預覽。
PhotoShot 支援預覽 PiscaWeb 上的圖片
ProductShot 支援預覽 Amazon 上的產品售價

回過頭來，看看國內的無名小站、Yahoo、Hinet，真不知何時才能體認『客戶永遠是對的』這句話呢？

有興趣幫忙翻譯 SnapShots 的朋友可以到他們的 Wiki 上註冊一組帳號，看看是否有那裡可以幫忙修訂的，但是在進行變動之前，建議您先閱讀他們的編輯準則。

加入超夢幻競選團隊 / 超完美掏空政府感言

noreply@blogger.com (Ressol) — Mon, 07 May 2007 09:12:00 PDT

419. 豬號無字第○一三號總筒令

20ooooo08 年總筒競選人 – 無限台南暨超夢幻競選團隊/ 超完美掏空政府不小心又出主委一名。

主旨：
茲任命 Ressol/Ressol's Blog 為超夢幻競選團隊 / 超完美掏空政府之狗家科技委員會主委 ( 以下簡稱狗科會) ，請遵照辦理。

說明：

一. 這是一段激情過後「不小心」的遺害，原因是 ~~大概是套套有破洞、或是日期沒算好~~( 喂！寫公文書正經一點) 無限台南在 pala88 貼上『無限台南入圍部落格觀察藍眼觀注』爭取選票，於是 Ressol 不小心幫我投票、我也不小心邀請 Ressol 入閣、Ressol 更不小心答應了、我又不小心寫了人事令。
(圖: 製作中)

二. Ressol 是位愛狗人家 ( 有兩隻寶貝狗) ，也是一位科技人士 ( 電腦工程師) ，如此漂亮的組合，故授予狗科會主委一職。

三. 狗科會的工作職責：對外以狗和科技會友，藉以營造人文、科技相輔相成之生生不息的脈動；對內負責我團隊掏空搬錢時之把風工作，並以電腦控制所有海陸空交通號誌，讓搬運路線一路順暢到底。

附賤：

狗科會貼紙一枚，使用方式請見『334. About sticker 's five hundreds forty - three 』之【Chapter 3 】或參考團隊已貼成員。

待 Ressol/Ressol's Blog 寫下自古「不小心」空餘「黑特」的文章後，請團隊成員撥冗至狗科會，和 Ressol 一起「黑特」。

某日，依照往常在網上四處閒逛時，不小心發現無限台南入選部落格觀察的藍眼觀注。之前曾經拜訪過無限台南的部落格，對於這個極盡搞笑 KUSO 之能事的 超夢幻競選團隊/ 超完美掏空政府 敬佩不己，便順手投了一票以表支持。身為超夢幻競選團隊/超完美掏空政府 大總筒 的無限台南兄，不小心向我提出入閣的邀請，心想，KUSO 實力如此堅強的夢幻團隊，怎好意思再三推卻呢？於是，領命擔任超夢幻競選團隊 / 超完美掏空政府之 狗家科技委員會主委 一職，以儘把風看路之職，協助團隊全體成員可以順利完成掏空逃脫之堅鉅任務。

以上，為小弟的就職感言，還請各位閣員前輩父老們多多指教 ^_^

【教學】Snap Shots 的進階功能

noreply@blogger.com (Ressol) — Fri, 04 May 2007 09:16:00 PDT

在前一篇文章【教學】使用 Snap Shots 幫你的網誌加上預覽功能中，介紹了 Snap Shots 的使用方式及基本的功能，接下來要各位說明如何使用他的進階功能，下圖為 Snap Shots 的連結預覽及另外 8 大預覽模式 (共 9 種)。

PreviewShot	WikiShot	MovieShot

StockShot	VideoShot	PhotoShot

ProductShot	AudioShot	CompanyNewsShot

這些瀏覽模式有什麼差別呢？第一個就是我們最常見到的 PreviewShot，它提供『頁面預覽』功能。
其他的八個則是依據連結的網址，自動幫你轉換成對應的預覽模式。

例如：

某個超連結指向 Amazon 上 iPod 產品的網址，
左邊的PreviewShot 會預覽整個網頁，而右邊 ProductShot 則會強調顯示產品的資訊。

這麼神奇？沒錯，就是這麼神奇。只不過，這些新功能在使用上有些限制要注意一下。
由於這些特殊的預覽模式，是藉由分析網頁的結構，來取得網頁的重要部份 (如：Amazon 網頁裡的iPod 產品資訊)，所以只有特定的幾個網址才能支援這些功能。

底下這張表，是各個預覽模式的支援網站，以及 URL 格式範例。

對非英文語系的一般使用者而言，大概只用得到 WikiShots、VideoShots、PhotoShots、AudioShots。
之前有介紹過，幫超連結加入 snap_shot 這個 CSS 類別，限制只在特定的超連結秀圖。

在這裡為大家說明一下它的進階語法。

為文字片段加上預覽圖
在要預覽的文字前後，加上 <span></span> 或 <div></div>，並指定預覽模式的 CSS 類別
例如：
原文：這篇文章是用Google的筆記本打的
語法：這篇文章是用<span class="Snap_Shot_Wikipedia">Google</span>的筆記本打的
結果：這篇文章是用Google的筆記本打的

各瀏覽模式的主要 CSS 如下：

各欄位由左至右，依序為預覽模式、CSS 類別名稱、文字內容格式

你只要把文字包起來再指定特定的類別，你的文章就可以擁有豐富的呈現方式，很方便吧

以上，是屬於 snap 的進階語法 (Markup Language) 部份，如果你有興趣的話，可以點選 Snap Shots Markup Whitepaper. 下載語法說明書

【教學】使用 Snap Shots 幫你的網誌加上預覽功能

noreply@blogger.com (Ressol) — Tue, 01 May 2007 09:44:00 PDT

Snap Preview Anywhere，大多數的朋友應該有用過或聽過這個免費的小工具，它能在超連結上顯示預覽圖，讓你在閱讀網頁時可以事先得知各個連結點下去會連到那裡。

Snap Preview Anywhere 在前陣子廣發英雄帖，請網友們提供新功能建議並懸賞高額獎金，在收集了來自各方的意見後，Snap Preview Anywhere 大幅改版並正式更名為 Snap Shots。除了擁有 8 國語言的使用者介面外，更一舉將增加了超連結以外的 8 種預覽模式。

底下，大致講解改版後的 Snap Shots 有什麼新功能：

多國語操作界面：英文、中文(簡/繁)、西班牙文、葡萄牙文、法文、日文、德文、韓文

增加八種預覽模式：
- WikiShots (維基摘要)
- MovieShots (電影資訊)
- StockShots (股票走勢圖)
- VideoShots (Youtube 影片)
- ProductShots (Amazone 產品預覽)
- PhotoShots (Flick 相片預覽)
- AudioShots (MP3 音樂試聽)
- CompanyNewsShots (公司新聞)

提供更結構化的語法 (Snap Shots Markup Language)

增加預覽視窗的觸發方式 (連結、氣泡、連結+氣泡)

增加預覽視窗的佈景主題 (共 8 種可以選)

允許上傳個人徽章

允許閱讀訪客手動關閉網站上的預覽功能

廢話不多說，先來看看怎麼申請：
點選這裡來設定你的 SnapShots

第一個步驟，你可以選擇顏色主題、觸發器、預覽窗格尺寸及上傳個人徽章。

請記得打開下面的高級選項

你可以在這裡選取顯示語言，以及調整預覽窗格內的版面及行為。
如果你不是很確定要勾那些選項的話，建議只要勾選：預覽外部連接、預覽內部連接

第二個步驟，主要是要你畫押。
請輸入你的正確網址，Snap 會用這個網址來判斷文章內的連結是屬於內部連結還是外部連結。
在輸入完電子郵件及勾選我同意下列條款和條件後，繼續下一個步驟。

第三個步驟，複製 SnapShots 的 JavaScript，並放到你的網誌中。

你可以直接複製第一個框框的 JavaScript 程式碼，並安裝到你的部落格/網站中。
或者，你希望 SnapShots 預設為關閉的，經過讀者打開後才生效，那麼請於勾選那個小方格後，將第二個框框內的 JavaScript 程式碼複製到你的部落格/網站即可。

就醬子？

在你安裝好你的 SnapShots 程式後，你會發現 - 所有超連結都有預覽圖了，不論你要不要
有辦法將預覽連結的功能，限制在我所指定的項目嗎？
沒問題，其實只要動點小手腳。

我們來看看在步驟三的程式碼：

這串 javascript 的呼叫語法中，包括了你所設定好的各個參數。
請把紅色那個 ap=1 改為 ap=0

接下來在寫文章時，將 snap_shots 這個 CSS 類別加入到超連結。
<a href="tw.yahoo.com" class="snap_shots">Yahoo</a>

這樣子，SnapShots 就會只對有指定 snap_shots 類別的超連結顯示預覽視窗，而不會倒處亂跳小視窗出來了。

另一種做法，在 Div 中指定是否顯示預覽功能。
<div class="snap_shots"> 強制這個 DIV 內的連結都有預覽功能 </div>
<div class="snap_noshots">強制這個 DIV 內的連結，都不啟用預覽功能 </div>

註：
snap 在他們的程式碼中有事先定義幾個 CSS 類別，你不用自己去定義這些類別。
若你的超連結己經有定義自己的 CSS 類別了，可以用空白的方式同時使用。
如：<a href="tw.yahoo.com" class="snap_shots my_css">Yahoo</a>

寫網誌的好幫手：線上語法突顯工具

noreply@blogger.com (Ressol) — Sat, 21 Apr 2007 09:46:00 PDT

相信很多人有類似的經驗，有時在網誌裡貼上程式碼 (如： HTML / JavaScript 語法) 時，無法自動以顏色顯示關鍵字、註解、語法，只能自己一個個將字串、符號選取起來，再加上顏色，這種做法，簡直是要了 Blogger 的老命。

目前各家的部落格編輯器、離線編輯軟體，目前只有微軟的 Windows Live Writer 可以透過別人撰寫的套件 ( Syntax Highlighter for Windows Live Writer ,
Syntax Highlighting plugin for Windows Live Writer )，為程式碼自動產生語法突顯 (Syntax Hightlighting) 的功能，而很不幸地，Windows Live Writer 不支援天空部落、無名小站、Yahoo 奇摩等部落格。
難道，我們只能繼續用手動的方式，一步步(苦命地)把程式碼加上語法突顯嗎？
不不不，『科技始終來自於惰性』，現在為各位介紹兩個線上語法突顯工具，讓你可以透過幾個簡單的步驟把程式碼漂漂亮亮地貼在網誌中。

GeSHi

嚴格說起來，GeSHi 是個伺服端的工具，主要提供 php 的網站可以支援語法突顯的功能，而不是針對 Blogger 開發的工具，但我們可以使用它首頁的 Demo 功能區來產生我們要的法。你只要在 Demo 區貼上程式碼，再把產生出來的語法 / CSS 複製到文章中，就可以了。
GeSHi 產生的語法不僅是最漂亮的，同時支援的語言也是最多(約 70 種)。

tohtml

這是貨真價實的線上語法突顯工具，你可以在上面輸入程式碼，它會自動產生編碼後的 HTML 內容及原始檔，讓你可以直接複製帶走，而不用在網頁與原始檔檢視中切換。而它的缺點是產生出來的結果相對陽春，而且不支援中文。

dp.SyntaxHighlighter

這是個透過 JavaScript 產生語法突顯的工具，使用上十分地簡單，只要在 TEXTAREA 這個 HTML 標籤加上 CSS 宣告，就會在你的網誌上自動產生程式碼了，而不用貼上一大段加工後的 HTML 原始檔。唯一的缺點是，你必須要把它的 JavaScript / CSS 抓下來放到別的網路空間中，並在文章內加入這些 JavaScript / CSS 位址宣告。

【教學】自動去除天空部落的廣告 - 更新 (2007.04.21)

noreply@blogger.com (Ressol) — Fri, 20 Apr 2007 09:52:00 PDT

最近，天空部落稍微調整了版面，在側邊欄加上了一個『部落格特別活動』的分類。其實我是不反對 BSP (Blog Service Provider) 放自己的廣告、公告之類的文章，但是這些項目的位置真的還滿 xx 的 (最上方一個，最下方三個，共四個)，而且還不能調整它的位置。趁著連續假期，翻了些文件，順手弄了個去廣告小程式，自動清掉不要的版面區塊。

本次使用的技術是 javascript 及 jQuery，jQuery 是一個開放原始碼的 javascript 架構，讓程式開發人員可以透過它，更快速地操作網頁中的各個物件 (DOM, Document Object Model)。它的用法其實很簡單，如果你有興趣的話，不妨試試這個有趣的工具。

接下來進入正題，如何把廣告去掉？

檢視你的網頁原始檔, 找出嫌疑犯

找個自動欄位，加上 javascript，把廣告內容給藏起來。

更新部落格，並測試內容是否正確。

我不懂 HTML / JavaScript 耶？那要怎麼辦呢？
別擔心，其實一點都不難，讓小弟來一步步為你解說：

一、檢視網頁原始檔：

我們會發現，『贊助商』這個字的上下文是長這個樣子的 (依此類推)
<div class="sideColumn">
    <div class="sideTitle">廣告標題</div>
    <div class="sideContent">
          廣告內容 ...
    </div>
</div>
所以，我們可以推論，透過廣告標題及相關的 class，可以取得你要處理的網頁內容。

二、找個自訂欄位，加入底下這串內容。

這段程式碼的意思是，載入 jquery 的 javascript，並在網頁被使用者載入時，呼叫 hideDiv 這個函數，把特定的(廣告)區塊隱藏起來。而這個範例中，我將『部落格特別活動』、『POWERED BY』、『RSS 訂閱』、『贊助商』、『其他資訊』這幾個區塊藏起來。

三、更新 Blog，測試。

好了，大功告成，在小弟的部落格可以看到左側的區塊乾淨多了

本文相關範例：
jQuery (下載後, 副檔名改為 .js )
範例程式碼

更新：2007/04/21
天空部落在 4 月中旬對語法進行幾次修改，避免這些欄位被隱藏或移除，本文章中的語法已經失效。( 感謝站務人員的關愛 ^_^ ) 為了避免管理人員與使用者的對立，及增加站務人員的額外工作量，本篇文章的語法即日起不再進行更新，有興趣研究的朋友，自然會找到去廣告的方法，小弟在此不再多做說明了，謝謝各位 ^_^

【教學】幫天空、無名加入書籤按鈕 - 更新 (2007.04.21)

noreply@blogger.com (Ressol) — Fri, 20 Apr 2007 09:49:00 PDT

話說，某天看到艾瑪的[分享] 部落格人氣秘密武器：加入網路書籤語法，真是驚為天人，馬上照著艾瑪的教學，將自己的舊文章加入了書籤按鈕。( 在此要謝謝艾瑪的轉貼分享，造福了眾多網友，後來發現在無名加上書籤語法的原作者為 CGS 大大，除了為大家整理各式書籤網站外，並持續更新語法及教學文章，真是解救諸位同胞於水深火熱中，感恩ㄋㄟ )

只不過，每次發表新文章時，都要重新將書籤按鈕複製、貼上，似乎不大適合懶散的我而這一切的一切，直到看到了 PIXNET 的公告 - 『[公告] 部落格快速加入書籤』，什麼？ PIXNET 竟然內建這個功能了？啊! 啊! 啊! 我好想要這個功能哦，不過要期待天空部落的工作人員，可能是沒啥指望了

- 天空部落不提供，那要怎麼辦法？
搬家到 PIXNET 去？嗯... 似乎不大適合懶人。
弄個程式來改改？..... 聽起來不錯，不是有句話叫做什麼『科技始終來自於懶性』的嗎？

(經過了一會兒... )

鏘!鏘!鏘!鏘! 大功告成

[ 天空部落的畫面 ]

[ 無名小站的畫面 ]

這個功能主要是透過 jQuery 與 javascript 達成，各個書籤的主要語法沒有什麼改變。
技術性的問題，有興趣的朋友歡迎一起討論，在這裡直接說要怎麼改。

1. 把本文的附件下載回去, 用筆記本 (或其他文書編輯器) 開啟, 複製內容
2. 或依照你的部落格系統，將下面的內容複製起來

for 天空部落‧新網頁樣版

<!-- add by Ressol -->

<!-- start of bookmark list? -->

<div id="add2bookmark" class="highlight" style="display:none"><p align="left">加入書籤: 

<!--HemiDemi-->

<a href="javascript:addBookmark('hemidemi');"><img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>

<!--MyShare-->

<a href="javascript:addBookmark('myshare');"><img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>

<!--Baidu-->

<a href="javascript:addBookmark('baidu');"><img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" class="bkimg"></a>

<!--Google Bookmarks-->

<a href="javascript:addBookmark('google');"><img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>

<!--Yahoo! My Web-->

<a href="javascript:addBookmark('yahoo');"><img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>

<!--PC Home-->

<a href="javascript:addBookmark('pchome');"><img src="http://w6.pchome.com.tw/template/icon/favicon.ico" title="PC Home Search 2.0" alt="PC Home Search 2.0" class="bkimg"></a>

<!--Fiigo-->

<a href="javascript:addBookmark('fiigo');"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>

<!--You push-->

<a href="javascript:addBookmark('youpush');"><img src="http://blog.pixnet.net/imgs/tags/yp.gif" title="You Push" alt="You Push" class="bkimg"></a>

<!--Del.icio.us-->

<a href="javascript:addBookmark('delicious');"><img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>

<!--Digg-->

<a href="javascript:addBookmark('digg');"><img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" class="bkimg"></a>

<!--technorati-->

<a href="javascript:addBookmark('technorati');"><img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="Technorati" alt="Technorati" class="bkimg"></a>

<!--furl-->

<a href="javascript:addBookmark('furl');"><img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="Furl" alt="Furl" class="bkimg"></a>

<p></div>

<!-- end of bookmark list -->

<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>

<script type="text/javascript">

$(document).ready(function() {

        var divTrk = $("#trackback");   

        if( divTrk.length>0 ) { 

                // var divCat = $("div.cheer"); /* 置於頁首 */

                var divCat = $("div.post_info"); /* 置於頁尾 */

                var brk = $("#add2bookmark");

                brk.find(".bkimg").attr({"border-width":"0px", align:"absbottom", padding:"0px"});

                //brk.appendTo(divCat); /* 顯示於下一行 */

                brk.prependTo(divCat); /* 在上一行顯示 */

                brk.css("display","inline");

        }       

});

// 取得選取的文字內容

function getSelectText() {

    var d = document;

    var desc = '';

    if(window.getSelection)desc=window.getSelection();

    else if(document.getSelection)desc=document.getSelection();

    else if(document.selection)desc=document.selection.createRange().text;

    else desc = '';

    return desc;

}

// 加入書籤

function addBookmark(sType) {

    var via ='';

    var result = '';

    var sTitle = encodeURIComponent(document.title);

    var sURL = encodeURIComponent(location.href);

    sDesc = encodeURIComponent( getSelectText());

    if( sType==("hemidemi")) {

        result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;

    } else if( sType==("myshare")) {

        result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;

    } else if( sType==("baidu")) {

        result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;

    } else if( sType==("google")) {

        result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;   

    } else if( sType==("yahoo")) {

        result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';

    } else if( sType==("pchome")) {

        result = 'http://search20.portal20.com.tw/x.jsp?t='+sTitle+'&u='+sURL+'&n='+sDesc;

    } else if( sType==("fiigo")) {

        result = 'http://www.fiigo.com/bookmark/my.php?a=add_web&title='+sTitle+'&url='+sURL+'&comment='+sDesc;

    } else if( sType==("youpush")) {

        result = 'http://www.youpush.net/submit.php?url='+sURL;

    } else if( sType==("delicious")) {

        result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;

    } else if( sType==("digg")) {

        result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;

    } else if( sType==("technorati")) {

        result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;

    } else if( sType==("furl")) {

        result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+'&u='+sURL+'&r='+escape(via)+'&c='+escape(sDesc)+'&p=1';

    }

    if(result!='') {

        window.open( result, 'addbookmak');

    }

}

</script> 

<!-- end of add -->

for 天空部落‧舊網頁樣版

<!-- add by Ressol -->

<!-- start of bookmark list --><span id="add2bookmark" class="highlight" style="display:none">　　加入書籤: 

<!--HemiDemi-->

<a href="javascript:addBookmark('hemidemi');"><img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>

<!--MyShare-->

<a href="javascript:addBookmark('myshare');"><img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>

<!--Baidu-->

<a href="javascript:addBookmark('baidu');"><img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" class="bkimg"></a>

<!--Google Bookmarks-->

<a href="javascript:addBookmark('google');"><img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>

<!--Yahoo! My Web-->

<a href="javascript:addBookmark('yahoo');"><img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>

<!--PC Home-->

<a href="javascript:addBookmark('pchome');"><img src="http://w6.pchome.com.tw/template/icon/favicon.ico" title="PC Home Search 2.0" alt="PC Home Search 2.0" class="bkimg"></a>

<!--Fiigo-->

<a href="javascript:addBookmark('fiigo');"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>

<!--You push-->

<a href="javascript:addBookmark('youpush');"><img src="http://blog.pixnet.net/imgs/tags/yp.gif" title="You Push" alt="You Push" class="bkimg"></a>

<!--Del.icio.us-->

<a href="javascript:addBookmark('delicious');"><img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>

<!--Digg-->

<a href="javascript:addBookmark('digg');"><img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" class="bkimg"></a>

<!--technorati-->

<a href="javascript:addBookmark('technorati');"><img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="Technorati" alt="Technorati" class="bkimg"></a>

<!--furl-->

<a href="javascript:addBookmark('furl');"><img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="Furl" alt="Furl" class="bkimg"></a>

</span>

<!-- end of bookmark list -->

<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>

<script type="text/javascript">

$(document).ready(function() {

        var divTrk = $("#trackbackDiv");

        if( divTrk.length>0 ) { 

                var divCat = $("div.articleCategoryDiv").children("div.articleCategory");

                var brk = $("#add2bookmark");

                brk.find(".bkimg").attr({border:"0", align:"absbottom"});

                brk.appendTo(divCat);

                brk.css("display","inline");

        }       

});

// 取得選取的文字內容

function getSelectText() {

    var d = document;

    var desc = '';

    if(window.getSelection)desc=window.getSelection();

    else if(document.getSelection)desc=document.getSelection();

    else if(document.selection)desc=document.selection.createRange().text;

    else desc = '';

    return desc;

}

// 加入書籤

function addBookmark(sType) {

    var via ='';

    var result = '';

    var sTitle = encodeURIComponent(document.title);

    var sURL = encodeURIComponent(location.href);

    sDesc = encodeURIComponent( getSelectText());

    if( sType==("hemidemi")) {

        result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;

    } else if( sType==("myshare")) {

        result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;

    } else if( sType==("baidu")) {

        result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;

    } else if( sType==("google")) {

        result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;   

    } else if( sType==("yahoo")) {

        result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';

    } else if( sType==("pchome")) {

        result = 'http://search20.portal20.com.tw/x.jsp?t='+sTitle+'&u='+sURL+'&n='+sDesc;

    } else if( sType==("fiigo")) {

        result = 'http://www.fiigo.com/bookmark/my.php?a=add_web&title='+sTitle+'&url='+sURL+'&comment='+sDesc;

    } else if( sType==("youpush")) {

        result = 'http://www.youpush.net/submit.php?url='+sURL;

    } else if( sType==("delicious")) {

        result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;

    } else if( sType==("digg")) {

        result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;

    } else if( sType==("technorati")) {

        result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;

    } else if( sType==("furl")) {

        result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+'&u='+sURL+'&r='+escape(via)+'&c='+escape(sDesc)+'&p=1';

    }

    if(result!='') {

        window.open( result, 'addbookmak');

    }

}

</script> 

<!-- end of add -->

Parsed in 0.230 seconds

for 無名小站

<!-- add by ressol -->

<div id="add2bookmark" class="highlight" style="display:none">　　　　加入書籤: 

<!--HemiDemi-->

<a href="javascript:addBookmark('hemidemi');"><img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>

<!--MyShare-->

<a href="javascript:addBookmark('myshare');"><img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>

<!--Baidu-->

<a href="javascript:addBookmark('baidu');"><img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" class="bkimg"></a>

<!--Google Bookmarks-->

<a href="javascript:addBookmark('google');"><img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>

<!--Yahoo! My Web-->

<a href="javascript:addBookmark('yahoo');"><img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>

<!--PC Home-->

<a href="javascript:addBookmark('pchome');"><img src="http://w6.pchome.com.tw/template/icon/favicon.ico" title="PC Home Search 2.0" alt="PC Home Search 2.0" class="bkimg"></a>

<!--Fiigo-->

<a href="javascript:addBookmark('fiigo');"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>

<!--You push-->

<a href="javascript:addBookmark('youpush');"><img src="http://blog.pixnet.net/imgs/tags/yp.gif" title="You Push" alt="You Push" class="bkimg"></a>

<!--Del.icio.us-->

<a href="javascript:addBookmark('delicious');"><img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>

<!--Digg-->

<a href="javascript:addBookmark('digg');"><img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" class="bkimg"></a>

<!--technorati-->

<a href="javascript:addBookmark('technorati');"><img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="Technorati" alt="Technorati" class="bkimg"></a>

<!--furl-->

<a href="javascript:addBookmark('furl');"><img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="Furl" alt="Furl" class="bkimg"></a>

</div>

<!-- end of bookmark list -->

<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>

<script type="text/javascript">

$(document).ready(function() {

        var divTrk = $(".total-comments-div");

    if( divTrk.length>0 ) { 

       var divCat = $("div.datediv");

           var brk = $("#add2bookmark");

           brk.find(".bkimg").attr({border:"0", align:"absbottom"});

           brk.appendTo(divCat);

           brk.css("display","inline");

        }       

});

// 取得選取的文字內容

function getSelectText() {

    var d = document;

    var desc = '';

    if(window.getSelection)desc=window.getSelection();

    else if(document.getSelection)desc=document.getSelection();

    else if(document.selection)desc=document.selection.createRange().text;

    else desc = '';

    return desc;

}

// 加入書籤

function addBookmark(sType) {

    var via ='';

    var result = '';

    var sTitle = encodeURIComponent(document.title);

    var sURL = encodeURIComponent(location.href);

    sDesc = encodeURIComponent( getSelectText());

    if( sType==("hemidemi")) {

        result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;

    } else if( sType==("myshare")) {

        result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;

    } else if( sType==("baidu")) {

        result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;

    } else if( sType==("google")) {

        result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;   

    } else if( sType==("yahoo")) {

        result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';

    } else if( sType==("pchome")) {

        result = 'http://search20.portal20.com.tw/x.jsp?t='+sTitle+'&u='+sURL+'&n='+sDesc;

    } else if( sType==("fiigo")) {

        result = 'http://www.fiigo.com/bookmark/my.php?a=add_web&title='+sTitle+'&url='+sURL+'&comment='+sDesc;

    } else if( sType==("youpush")) {

        result = 'http://www.youpush.net/submit.php?url='+sURL;

    } else if( sType==("delicious")) {

        result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;

    } else if( sType==("digg")) {

        result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;

    } else if( sType==("technorati")) {

        result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;

    } else if( sType==("furl")) {

        result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+'&u='+sURL+'&r='+escape(via)+'&c='+escape(sDesc)+'&p=1';

    }

    if(result!='') {

        window.open( result, 'addbookmak');

    }

}

</script> 

<!-- end of add -->

3. 找個可以放 Javascript 的地方 (天空為自由欄位，無名為連結管理)，將內容貼上
4. 重新整理

更新：2007/04/09

多謝網友 CGS 發現此語法在 IE 下不正常顯示的問題,

目前修正 CSS 的呼叫語法為 brk.css("display","inline"); ，在 FireFox 2.0 及 IE 6 sp1 下測試還算正常。文章附檔已更新，請直接下載後更新您的部落格程式碼即可。

更新：2007/04/18

多謝網友 bradchow 發現此語法無法適用於天空部落的新樣版頁面。目前已修正，在 FireFox 2.0 / IE 6 sp1 測試下應是正常，請使用天空新樣版的朋友下載回去更新。

新樣頁面的程式語法做了幾點調整, 暫時先更新程式, 文章後補, 有興趣請先參考本網誌上的那幾顆書籤按鈕

更新：2007/04/19
       本次主要更新部份如下：
       1. 簡化 icon 超連結語法, 增加 pchome / fiigo / you push 三書籤按鈕
       2. 修正網摘內容在 furl 亂碼的問題
       3. 各書籤網站的呼叫方法, 集中在一起，便於日後調整
       4. 移除試圖取得 document.referrer 的語法.

天空部落在 (4/19) 更新後，文章內的附檔有時會無法下載，請重整下載畫面，或到我的Google筆記本把相對應的程式複製回去。

我只放 12 個書籤按鈕，請依您的需求增、減按鈕數量

建議把 jquery 的 javascript 檔案抓下來，另存至其他網路空間，避免日後官網異動而檔案失效的問題。

若你的部落格系統是無名小站，可參考 CGS 的這篇教學文章，把書籤按鈕放到文章內文下方。

更新：2007/04/21

感謝 bradchow 回報問題，再次修改天空部落的語法，將去廣告的語法拿掉，只留下加書籤按鈕的部份，避免網頁在 IE 下發生錯誤。

移除文章附件，需要的朋友請將文章中的語法複製或至 Google 筆記本複製。

Ressol's Blog:[轉載] TPO術後注意事項 - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:20:22 PDT

TPO 手術出院應注意事項 1. 嚴禁上下樓梯、跑、跳等激烈活動。 2. 居住環境地板應止滑、避免太大的高低落差空間，以防意外受傷。 3. 勿與其他狗狗玩耍、重壓等，避免腳受傷。

Ressol's Blog:[轉載] OFA 對 CHD 所定義的七個等級 - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:19:46 PDT

The phenotypic evaluation of hips done by the Orthopedic Foundation for Animals falls into seven different categories. Those categories are normal (Excellent, Good, Fair), Borderline, and dysplastic (Mild, Moderate, Severe).

Ressol's Blog:[轉載] 髖關節發育不全症(CHD) - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:19:18 PDT

Q:何謂CHD? A:Canine Hip Dysplasia簡稱CHD，中文稱作『髖關節發育不全症』。 CHD 是出生後髖關節正常，由於骨頭生長太快肌肉生長速度跟不上，使得股骨頭被肌肉牽引脫出埤臼關節窩而引起。

Ressol's Blog:[轉載] 髖關節結構不良症(CHD)治療選擇參考 - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:18:33 PDT

在臨床檢查後發現狗有了CHD飼主往往很難接受，變的無助、迷惘、不知所措，對於治療更是無法決定，這個醫生講這樣，那個醫生說那樣，這篇文章的主要目的是讓飼主了解CHD的治療和可能產生

Ressol's Blog:[轉載] TPO手術有用嗎?? - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:18:13 PDT

這次參加髖關節結構不良症研討會聽到不同的治療聲音，作一個骨科醫生有責任把醫生的不同論點提出來分析讓飼主參考，但是要宏觀全盤不要侷限一處使自己的觀念偏差，造成飼主尋求治療時

Ressol's Blog:[轉載] TPO手術優缺點分析 - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:17:10 PDT

TPO手術的年齡6-9個月最好，因為6個月齡的狗狗已成長到90%，TPO手術不會再影響髖關節骨頭的生長，由於年輕所以術後骨頭癒合較快，這時期產生慢性關節炎的的機率也較少，所以6-9個月是最好

Ressol's Blog:[轉載] 人工關節的迷思 - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:16:44 PDT

如果你選擇了內科治療，就不要後悔錯過了手術時間，如果你的內科治療無法控制狗狗的疼痛就不要感覺人工關節手術費太貴，畢竟這些是飼主自己選擇的，做醫生只有善盡告知的責任，至於

Ressol's Blog:Google Docs 的競爭者 (三) : Zoho - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:14:30 PDT

。Zoho 專注於 AJAX 技術的研發與應用，並開發了許多 Web Online Office 上的產品。目前，Zoho 共擁有 12 個線上辦公產品、3 個線上工具服務，除了擁有最完整的產品線外，其中大多數的服務都是免費

Ressol's Blog:Google Docs 的競爭者 (二) : ThinkFree - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:13:49 PDT

ThinkFree 採用 Java Applet 與 Ajax 技術，提供了幾近全功能的線上文書套件，並與 Microsoft Office 的檔案高度相容。每位使用者擁有 1GB 的免費文件儲存空間

Ressol's Blog:Google Docs 的競爭者 (一) : Peepel - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:13:03 PDT

Peepel 正式推出 beta 版供網友們免費註冊、使用。與其他線上文書處理程式 (Online Web Office) 不同的是，Peepel 提供了嶄新的操作界面，你可以在他們的虛擬桌面上開啟多個視窗，以及啟動你所要的

Ressol's Blog:ZAMZAR 免費幫你抓檔、轉檔 - yam天空部落 [del.icio.us]

ressol — Tue, 17 Apr 2007 02:12:21 PDT

想把 Youtube 的影片抓下來，但不知道怎麼抓嗎？想把 Youtube 的影片在 Media Player 觀看，但檔案格式不支援嗎？別擔心，抓檔、轉檔 ZAMZAR 幫你一次做到好。

Ressol's Blog:[轉載]髖關節發育不全症Canine Hip Dysplasia - yam天空部落 [del.icio.us]

ressol — Mon, 16 Apr 2007 23:23:06 PDT

什麼是CHD 　　Canine Hip Dysplasia簡稱CHD，中文稱作「髖關節發育不全症」，坊間的說法是大腿骨鎖不緊，但不是「先天性脫臼」。CHD是出生後髖關節正常，但由於骨頭生長太快肌肉生長速度跟不

ZAMZAR 免費幫你抓檔、轉檔

noreply@blogger.com (Ressol) — Mon, 16 Apr 2007 09:56:00 PDT

想把 Youtube 的影片抓下來，但不知道怎麼抓嗎？
想把 Youtube 的影片在 Media Player 觀看，但檔案格式不支援嗎？

別擔心，抓檔、轉檔 ZAMZAR 幫你一次做到好。

ZAMZAR 是一個免費的線上影片、音樂、文件、圖片轉檔網站，你可以上傳你電腦中的檔案，或是指定網路上的檔案，讓它來幫你轉換成你要的格式，像是 WMV 轉成 AVI/FLV/IPOD/MOV/MP3/MP4/MPG，或是 DOC 轉成 HTML/PDF/PNG/TXT ... 等等，每份文件的大小最多可以高達 100MB，對一般使用者來說綽綽有約，除了節省耗時費力的轉檔時間，也省去了在電腦裡安裝各類軟體的麻煩。

除此之外，ZAMZAR 支援 Youtube、Google Video...等12家主流線上影片網站，你可以直接貼上影片的網址，點幾下滑鼠，它會幫你把影片的擷取、轉檔一次做完，十分地方便。

它的操作方式十分簡單，在它首頁下方有操作流程，你只要四個步驟：

Step 1：點選 URL 來貼上檔案的 URL，或是點選 files 直接上傳電腦中的檔案。
Step 2：選取要轉換的檔案格式，它會依據 Step 1 的檔案副檔名，自動篩選出支援的檔案格式。
Step 3：輸入你的信箱，ZAMZAR 轉檔完成後，會把下載位址寄給你 (檔案連結 24 小時內有效)
Step 4：按下 Convert 按鈕，開始轉換。

在轉換的過程中，下方會出現轉換進度。

轉檔完成後，你會看到類似這個畫面。

接下來到你的信箱去收信，信件的內容會像這個樣子。
紅色框框處就是下載位址，每次轉檔只會將檔案保留 24 小時。

點下連結後，開啟檔案下載頁面，按下紅色框框處的 Download Now 按鈕，就可以下載了。

這個免費線上轉檔網站還不錯，只是對於影片檔的轉檔，因為是經過 2 次的影音取樣、壓縮，所以影像品質不如 Youtube 上的好，但這個問題就算自己抓下來轉檔也是一樣，算是 ZAMZAR 的非戰之罪。但對於用 Google 找到的 PDF / DOC 這類型文件，格式互轉倒是挺方便的。有興趣的朋友可以參考一下 ^_^

相關連結：
ZAMZAR 官方首頁
ZAMZAR 支援的檔案格式一覽表
ZAMZAR 支援的線上影音網站

Ressol's Blog:【教學】幫天空、無名加入書籤按鈕 - 更新 (2007.04.09) - yam天空部落 [del.icio.us]

ressol — Sat, 14 Apr 2007 03:21:46 PDT

這個功能主要是透過 jQuery 與 javascript 達成，各個書籤的主要語法沒有什麼改變。技術性的問題，有興趣的朋友歡迎一起討論，在這裡直接說要怎麼改。 1. 把本文的附件下載回去 2. 用

Ressol's Blog:【教學】幫Google Blogger 加入書籤按鈕 - yam天空部落 [del.icio.us]

ressol — Sat, 14 Apr 2007 01:43:39 PDT

本次修改的目標如下： * 不論在 Blogger 首頁 / 文章內頁，都有書籤按鈕 * 可以在首頁將任一文章單獨加入書籤 * 支援反白即摘要 * 便於日後修改、調整

Ressol's Blog

為部落格加上多國語翻譯

Google Code Prettify讓部落格也能顯示語法顯目提示

使用 afeeda 來彙整你的 RSS 訂閱

在 Excel 的儲存格內顯示長條圖

Edge - 用 Javascript 幫圖片加上邊框特效

Google Gadget 的武林帖

【教學】使用 mySyndicaat 重整、合併、發佈你的訂閱

昇陽‧黑盒子計畫

Yahoo 公告將關閉 Yahoo! Photo 服務

3D 網頁瀏覽器 - SpaceTime

【轉貼】立院大逃殺

必玩的小遊戲! PlayMyGame

Google 宣布增加 Gmail 的附檔上限

【教學】Flash 網誌聯播器 - Yourminis RSS

【教學】為天空部落加上佈景主題切換的功能

【教學】為 Blogger 加上書籤

搬家到 Blogger

Snap Shots 的成功之道

加入 超夢幻競選團隊 / 超完美掏空政府 感言

【教學】Snap Shots 的進階功能

【教學】使用 Snap Shots 幫你的網誌加上預覽功能

寫網誌的好幫手：線上語法突顯工具

【教學】自動去除天空部落的廣告 - 更新 (2007.04.21)

【教學】幫天空、無名加入書籤按鈕 - 更新 (2007.04.21)

Ressol's Blog:[轉載] TPO術後注意事項 - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載] OFA 對 CHD 所定義的七個等級 - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載] 髖關節發育不全症(CHD) - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載] 髖關節結構不良症(CHD)治療選擇參考 - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載] TPO手術有用嗎?? - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載] TPO手術優缺點分析 - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載] 人工關節的迷思 - yam天空部落 [del.icio.us]

Ressol's Blog:Google Docs 的競爭者 (三) : Zoho - yam天空部落 [del.icio.us]

Ressol's Blog:Google Docs 的競爭者 (二) : ThinkFree - yam天空部落 [del.icio.us]

Ressol's Blog:Google Docs 的競爭者 (一) : Peepel - yam天空部落 [del.icio.us]

Ressol's Blog:ZAMZAR 免費幫你抓檔、轉檔 - yam天空部落 [del.icio.us]

Ressol's Blog:[轉載]髖關節發育不全症Canine Hip Dysplasia - yam天空部落 [del.icio.us]

ZAMZAR 免費幫你抓檔、轉檔

Ressol's Blog:【教學】幫天空、無名加入書籤按鈕 - 更新 (2007.04.09) - yam天空部落 [del.icio.us]

Ressol's Blog:【教學】幫Google Blogger 加入書籤按鈕 - yam天空部落 [del.icio.us]

加入超夢幻競選團隊 / 超完美掏空政府感言