良人的大秘寶

Firefox 擴充套件

2008-06-20T00:14:00.002+08:00

我正在使用的Firefox擴充套件(附加元件) - kgl's Blog

tags | add_ons_list | firefox |
[Fx] 3.0 beta 可使用的擴充套件 at Memei BLOG

tags | add_ons_list | firefox |
電腦玩物: Google in Firefox：火狐上的Google擴充套件彙整
整理了Firefox瀏覽器上面的各種與Google服務相關的擴充套件，並選擇其中我認為好用的與大家分享，讓你的Firefox也可以與Google徹底融合。
tags | a-電腦玩物 | add_ons_list | firefox | google |
增加瀏覽感覺的五十個最佳FireFox延伸套件 : 笨笨包的天空
網路上有數百個FireFox的延伸套件，到底要用哪個比較好呢？我們在這列出最好的50個套件介紹給各位，希望所有的人能夠很愉快的使用。
tags | add_ons_list | firefox |
FEBE :: Firefox 附加元件
FF3。備份firefox的設定、套件等。
tags | add_ons | firefox |
電腦玩物: Firefox 3.0 可用和推薦的擴充套件列表，歡迎補完！
在Firefox 3.0火熱發佈之後，目前有哪些可以在新版上使用的擴充套件？又有哪些您過去鍾愛的套件值得繼續裝在3.0中呢？我覺得這是一個很棒的問題，因為透過這個問題的分享，來完成一份適合F
tags | a-電腦玩物 | add_ons_list | firefox |
新同文堂 -- OpenFoundry
FF3。繁簡轉換。tongwen_0.3.9.1.xpi
tags | add_ons | firefox |
Easy DragToGo :: Firefox 附加元件
FF3。拖一段URL可以開啟網頁，拖一段文字可以搜尋，拖一張圖可以儲存它。
tags | add_ons | firefox |
FireGestures :: Firefox 附加元件
FF3。易於自訂的滑鼠手勢套件，讓您可以使用五大類手勢、輕鬆執行各種命令。
tags | add_ons | firefox |
YouPlayer :: Firefox 附加元件
FF3。側邊欄。拖網址到側邊欄播放影片，支援Google Video, MetaCafe, MySpace and YouTube
tags | add_ons | firefox |
Video DownloadHelper :: Firefox Add-ons
FF3。可以下載YouTube類網站的影片，其它音樂和圖片也可以。
tags | add_ons | firefox |
FlashGot :: Firefox 附加组件
FF3。調用外部程式來下載檔案
tags | add_ons | firefox |
CustomizeGoogle :: Firefox 附加组件
FF3。Google搜尋加強
tags | add_ons | firefox | google |
Firesizer :: Firefox Add-ons
FF3。在狀態列增加選單，可調整視窗大小。
tags | add_ons | firefox |

LOVE.LOVE.LOVE

[筆記]Vista

2008-03-08T19:22:00.001+08:00

hiberfil.sys 是XP和Vista的休眠檔，非常佔空間，若不使用休眠功能可以關閉之。Vista要在CMD下執行以下指令就能關閉功能並刪除檔案。
powercfg -H OFF
Google Desktop 索引的儲存路徑記錄在
HKEY_CURRENT_USER\Software\Google\Google Desktop\data_dir
Google Desktop 小工具的儲存路徑記錄在
HKEY_CURRENT_USER\Software\Google\Google Desktop\plugin_dir
Windows Live Messenger 8.5 表情圖案的路徑（副檔名也改成*.dt2）
[XP] C:\Documents and Settings\{目前使用者}\Local Settings\Application Data\Microsoft\Messenger\{MSN帳號}\ObjectStore\CustomEmoticons
[Vista] C:\Users\{目前使用者}\AppData\Local\Microsoft\Messenger\{MSN帳號}\ObjectStore\CustomEmoticons

用Windows Live Mail收發Gmail

2008-02-16T22:49:00.001+08:00

【在 Gmail 帳戶中啟用 POP】
登入Gmail後，點選右上角的「設定」再選「轉寄和POP/IMAP」
第二項「POP下載」，如果你要下載所有的mail就選第一個（mail太多會花很久的時間），如果只要下載新的mail就選第二個。
【在Windows Live Mail新增電子郵件帳戶】
設定如下：
1. 輸入帳號密碼
2. 設定郵件伺服器
  內送：pop.gmailo.com，連接埠：995，勾安全連線，登入方式：清除文字驗證
  外寄：smtp.gmail.com，連接埠：465，勾安全連線，勾需要驗證
3. 設定完成，可以收Gmail的信了！

[筆記]用Javascript控制IE列印時的頁首頁尾

2007-09-04T19:14:00.001+08:00

主要是用WScript.Shell是讀寫Registry的值。
若發生「 Automation 伺服程式無法產生物件」的錯誤就要調整IE的安全性設定，將「起始不標示為安全的ActiveX控制項」設定為啟用或提示。

<script language="javascript">
// 列印
function fnPrint() {
    try    {
        // 儲存原本頁首頁尾的設定，然後設定空白
        var ret = saveAndClearSetting();
        // 列印
        window.print();
        // 回存原本頁首頁尾的設定
        if ( ret ) restoreSetting();
    } catch (e) { alert("err="+e.description); }
}
var hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
var hkey_key_header = hkey_path+"header"; // 頁首
var hkey_key_footer = hkey_path+"footer"; // 頁尾
var hkey_key_margin_bottom = hkey_path+"margin_bottom"; // 邊界（下）
var hkey_key_margin_left = hkey_path+"margin_left"; // 邊界（左）
var hkey_key_margin_right = hkey_path+"margin_right"; // 邊界（右）
var hkey_key_margin_top = hkey_path+"margin_top"; // 邊界（上）
var old_header = "&w&b第 &p 頁，共 &P 頁";
var old_footer = "&u&b&d";
// 儲存原本頁首頁尾的設定，然後設定空白
function saveAndClearSetting() {
  try {
    var RegWsh = new ActiveXObject("WScript.Shell");
    old_header = RegWsh.RegRead(hkey_key_header);
    old_footer = RegWsh.RegRead(hkey_key_footer);
    RegWsh.RegWrite(hkey_key_header,"");
    RegWsh.RegWrite(hkey_key_footer,"");
    return true;
  } catch (e) { 
    if ( e.description.indexOf("伺服程式無法產生物件") != -1 ) {
        alert("請調整IE瀏覽器的安全性\n網際網路選項＼安全性＼自訂層級\n「起始不標示為安全的ActiveX控制項」設定為啟用或提示。"); 
    } // if
    else {
        alert("ERR="+e.description); 
    } // else
  } // catch
    return false;
}
// 回存原本頁首頁尾的設定
function restoreSetting() {
  try {
    var RegWsh = new ActiveXObject("WScript.Shell");
    RegWsh.RegWrite(hkey_key_header,old_header);
    RegWsh.RegWrite(hkey_key_footer,old_footer);
  } catch (e) {
    if ( e.description.indexOf("伺服程式無法產生物件") != -1 ) {
        alert("請調整IE瀏覽器的安全性\n網際網路選項＼安全性＼自訂層級\n「起始不標示為安全的ActiveX控制項」設定為啟用或提示。"); 
    } // if
    else {
        alert("ERR="+e.description); 
    } // else
  } // catch
}
</script>
<script language="javascript">
// 列印
function fnPrint() {
	try	{
		// 儲存原本頁首頁尾的設定，然後設定空白
		var ret = saveAndClearSetting();
		// 列印
		window.print();
		// 回存原本頁首頁尾的設定
		if ( ret ) restoreSetting();
	} catch (e) { alert("err="+e.description); }
}
var hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
var hkey_key_header = hkey_path+"header"; // 頁首
var hkey_key_footer = hkey_path+"footer"; // 頁尾
var hkey_key_margin_bottom = hkey_path+"margin_bottom"; // 邊界（下）
var hkey_key_margin_left = hkey_path+"margin_left"; // 邊界（左）
var hkey_key_margin_right = hkey_path+"margin_right"; // 邊界（右）
var hkey_key_margin_top = hkey_path+"margin_top"; // 邊界（上）
var old_header = "&w&b第 &p 頁，共 &P 頁";
var old_footer = "&u&b&d";
// 儲存原本頁首頁尾的設定，然後設定空白
function saveAndClearSetting() {
  try {
	var RegWsh = new ActiveXObject("Wscript.Shell");
	old_header = RegWsh.RegRead(hkey_key_header);
	old_footer = RegWsh.RegRead(hkey_key_footer);
	RegWsh.RegWrite(hkey_key_header,"");
	RegWsh.RegWrite(hkey_key_footer,"");
	return true;
  } catch (e) { 
	if ( e.description.indexOf("伺服程式無法產生物件") != -1 ) {
		alert("請調整IE瀏覽器的安全性\n網際網路選項＼安全性＼自訂層級\n「起始不標示為安全的ActiveX控制項」設定為啟用或提示。"); 
	} // if
	else {
		alert("ERR="+e.description); 
	} // else
  } // catch
	return false;
}
// 回存原本頁首頁尾的設定
function restoreSetting() {
  try {
	var RegWsh = new ActiveXObject("WScript.Shell");
	RegWsh.RegWrite(hkey_key_header,old_header);
	RegWsh.RegWrite(hkey_key_footer,old_footer);
  } catch (e) {
	if ( e.description.indexOf("伺服程式無法產生物件") != -1 ) {
		alert("請調整IE瀏覽器的安全性\n網際網路選項＼安全性＼自訂層級\n「起始不標示為安全的ActiveX控制項」設定為啟用或提示。"); 
	} // if
	else {
		alert("ERR="+e.description); 
	} // else
  } // catch
}
</script>

[筆記]在登入網頁中如何不讓IE自動提示？

2007-08-25T13:22:00.001+08:00

用了幾年的系統，前幾天一個相當於部門IT人員的客戶要求在系統登入時不要出現「曾經登入過的帳號」（也就是AutoComplete的功能），說是為了資安起見。
我愣了一下，這明明是瀏覽器的功能。此外，當IE問你要不要記住帳號密碼時，你不會自己拒絕啊。

抱怨完了，既然是客戶的要求，就想辦法吧（出錢的是老大）。

還好，這個系統是內部使用，瀏覽器都是IE。所以，只要在textbox加上 AUTOCOMPLETE = "off" 即可。

<INPUT TYPE = textbox
NAME = txtUserName
AUTOCOMPLETE = "off"
>

參考資料：Using AutoComplete in HTML Forms

MSN無法登入，錯誤碼81000314

2007-08-16T10:55:00.002+08:00

早上開機後發生MSN無法登入的問題，本來以為是昨天一堆MS更新造成的。到GOOGLE搜了一下找到解決辦法了。

在 C:\WINDOWS\system32\drivers\etc\hosts（WIN2000是C:\WINNT\system32\drivers\etc\hosts）增加以下2行

65.54.239.80 messenger.hotmail.com
65.54.239.80 dp.msnmessenger.akadns.net

重新登入就OK了！

只是為什麼會突然不給用呢？=.=a

OS:WIN2000, MSN:7.0.0816

你推我報 Episode 99-倖田來未爆乳！？暴投！？

IIS出現錯誤碼80004005，事件檢視器裡有1007,1084的記錄

2007-08-15T14:00:00.000+08:00

客戶今天在MS更新後，原本正常的ASP.NET網站整個不能用，在事件檢視器裡有1007和1084的記錄。

http://support.microsoft.com/kb/835387/zh-tw

MessageId = 1007
由於在組態檔的 processModel 區段中提供了無效的使用者名稱和 (或) 密碼，所以無法啟動 aspnet_wp.exe 程式。.

MessageId = 1084
無法啟動 aspnet_wp.exe。. 這項失敗的錯誤碼為 %1。. 當背景工作處理序帳戶具有權限來讀取 . NET Framework 檔案不足時，會發生這個錯誤。請確定 .NET Framework 安裝正確，而且安裝目錄上的 ACL 允許存取設定的帳戶。

在GOOGLE搜一下，經實際測試後，整理如下：

移除KB886903的更新（如果有的話）
編輯[C:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\CONFIG\machine.config]
找到 <processModel … userName="machine" password="AutoGenerate" … />
確定 userName是machine，password是AutoGenerate。
移除ASPNET的帳號
執行 aspnet_regiis -i
執行 iisreset

[筆記]SuperFetch

2007-08-12T15:16:00.001+08:00

服務名稱：SysMain
描述：Superfetch

資料來源：Vista 執行效能大提升的秘密－ SuperFetch from 旗標知識網

Vista 的新功能 SuperFetch, 不僅可以預先『提取』 (Fetch) 您所需要的資料到記憶體中, 減少系統到硬碟讀取資料的次數；除此之外, SuperFetch 還具備以下的優點：
● 自動載入您最常使用的程式：SuperFetch 使用新的預測方法, 預先將您會經常使用的程式載入記憶體, 而且讓程式一直存放在記憶體中, 不會因為其他資源佔用而受影響。
● 預先將相關程式載入記憶體中：例如您在開啟 Photoshop 要編輯相片時, 通常也會一併開啟 ACDSee 瀏覽圖片；SuperFetch 就可以在您開啟某一程式時, 將關聯的程式一併載入記憶體中, 減少讀取時間。
● 紀錄個人使用習慣, 自動載入對應程式：SuperFetch 可以知道您在不同時間所使用的程式, 例如上班時您會先開啟 Office 程式；下班後會先打開 Live Messenger 或遊樂場；Vista 可以預先將這些程式載入記憶體中, 隨時準備執行您想要的程式。
搭配 ReadyBoost / ReadyDrive, SuperFetch 更如虎添翼
由於 SuperFetch 就是預先將程式與資料預先載入記憶體的技術, 但是記憶體容量有限, 不可能將所有的程式全部放到記憶體中；後續要執行程式還是要從硬碟中讀取。
所以 SuperFetch 結合了 ReadyBoost 與 ReadyDrive, 當作是記憶體的快取空間, 將後續要執行的程式依序放入這些外部擴充記憶體 (External Memory Device , 簡稱 EMD) 中。要搜尋的資料不在記憶體時, 系統優先從速度快的 EMD 中尋找, 而盡量避免使用速度緩慢的硬碟, 讓使用者感覺不到資料在搜尋與讀取的時間, 效能自然就會好囉！

也有人說效能沒那麼好，甚至可能會傷害硬碟。根據另外2個新服務（ReadyBoost / ReadyDrive）來推論，加大RAM、使用支援ReadyBoost/ReadyDrive的設備（如：USB碟、Hybrid硬碟）應該可以減少存取硬碟的機會。反過來說，如果沒有的話就可能會！

如何關閉SuperFetch？到「服務」裡停用名稱為「SuperFetch」（描述為：維護及改進一段時間後的系統效能。看得懂在說哈嗎？=.=a）的服務即可。

其它資料：

[原創]羽毛！大量書籍匯入懶人包

2007-07-21T11:19:00.001+08:00

你原本就細心的為自己的藏書建檔管理，現在想要輸入羽毛卻要一筆一筆KEY，讓你不得不放棄嗎？
你在aNobii已經建了一大堆的書籍資料想要匯到羽毛嗎？
那麼，這個懶人包一定能夠幫你輕鬆搞定麻煩事！

功用：將大量的書籍ISBN資料匯入羽毛中。
速度：20筆資料大約2分40秒。（會依據網路連線狀況而變化）
下載：http://www.box.net/shared/9lx2uhbfle

若有出現「指令碼錯誤」的訊息，請按「是」繼續執行。

##CONTINUE##

若您登入後又變成登出的狀態，請開放第三方Cookie，如下圖所示。

[原創]Google Gadget for Buboo v3

2007-07-15T21:43:00.000+08:00

點把小工具加到你的iGoogle！

功能增修：

畫面修改：更加簡潔美觀！
自訂標籤：為你的訊息加上tag！[movie]是電影，[book]是書籍，在你的訊息前面加上[]。（以半形逗號分隔）
自訂符號：讓你快速的發出訊息。（以半形逗號分隔）
縮短網址快捷：可以寫更多文字！
訊息以iframe顯示：不用另開視窗，在同一個畫面就能看到！
撰寫訊息視窗獨立：畫面更大，功能更多！

##CONTINUE##

[筆記]Google Gadget 蒐集

2007-07-14T13:43:00.001+08:00

良人的大秘寶: [原創]Google Gadget for Buboo v3【加到iGoogle】
SOURCE:http://klcintw.gadget.googlepages.com/gBuboo3.xml
Racklin's 阿土伯程式大觀園: iGoogle Easy Layout 小工具【加到iGoogle】
它會整合進 iGoogle 的設定版面旁邊新增一個選項 "設定欄位", 讓您可以為分頁設定成三欄模式, 二欄模式( 2/3 1/3 , 1/3 2/3, 1/2 1/2) , 或一欄模式.
SOURCE:http://racklin.googlepages.com/easylayout.xml
唬人斯不唬人 » Blog Archive » Diggirl.net Gadget iGoogle【加到iGoogle】
用分頁方式顯示Diggirl.net的「最新推文」、「最新美女」、「今日熱門」、「最新選圖」。
SOURCE:http://horance.googlepages.com/diggirl_gadget.xml
Racklin's 阿土伯程式大觀園: iGoogle Tab RSS 小工具【加到iGoogle】
SOURCE:http://racklin.googlepages.com/tabrss.xml
ericsk’s blog » funp 的 Google 小工具(Gadget)【加到iGoogle】
用分頁方式顯示推推王的「本日最推」、「熱門文章」、「部落格」、「新聞」、「影片」。
SOURCE:http://ericsk.googlepages.com/funp.xml
Racklin's 阿土伯程式大觀園: iGoogle Gadget 蘋果攝影隊今天我最美【加到iGoogle】
顯示「蘋果攝影隊今天我最美」的照片。
SOURCE:http://racklin.googlepages.com/beauty_1apple_igoogle.xml
Racklin's 阿土伯程式大觀園: iGoogle Flickr 相簿小工具【加到iGoogle】
SOURCE:http://racklin.googlepages.com/flickr_igoogle.xml
台灣電視節目表 iGoogle Gadget！ at Orez【加到iGoogle】
SOURCE:http://itszero.googlepages.com/iGoogleTVSchedule.xml

其它：

[原創]Google Gadget for Buboo v2

2007-07-11T13:46:00.000+08:00

點把小工具加到你的iGoogle！

新增功能：發送訊息，其它相關連結，iframe顯示訊息

##CONTINUE##

發送訊息

參考資料：http://buboo.tw/apidoc

用 curl 這個工具發送「@國良先生：中文-ENG-123」

訊息須先編碼（javascript 的 encodeURI() ）

curl -u loginname:password -d message="@%E5%9C%8B%E8%89%AF%E5%85%88%E7%94%9F%EF%BC%9A%E4%B8%AD%E6%96%87-ENG-123" http://api.buboo.tw/update.xml

在 Firefox 用 Html Form 發送

<form method="post" action="http://loginname:password@api.buboo.tw/update.xml">
<textarea name="message" id="message"</textarea>
<input type="submit" id="update" value="送出訊息" >
</form>

在 IE 用 XMLHTTP 發送

var text = "送出訊息";
text = encodeURI(text);
var url = 'http://api.buboo.tw/update.xml'; 
var requestObject = new ActiveXObject("Microsoft.XMLHTTP");
this.requestObject = requestObject;
requestObject.open('POST', url, true);
requestObject.setRequestHeader('Authorization', 'Basic ' + loginname + ':' + password);
requestObject.onreadystatechange = function() {
if (requestObject.readyState == 4) {
if ( requestObject.status == 200 ) {
  // 成功
} // if
else {
  alert(requestObject.responseText);
} // else
} // if
}
requestObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
requestObject.send('message=' + text);

須修改IE安全性設定。

[原創]Widget for Buboo

2007-06-30T13:23:00.001+08:00

為 Buboo 做了個 live.com 的小工具和 iGoogle 的小工具，想想也該為自己常用的 Netvibes 做一個了。不過，只要是支援 iframe 的部落格都能用。

##CONTINUE##

安裝方式(for Netvibes)：

位置：http://klcintw.gadget.googlepages.com/jgBuboo.htm
首先登入Netvibes
點左右上角的「新增內容」「Widget \ External widgets \ HTML」選「新增至我的頁面」

點「編輯」
輸入標題和程式碼
<IFRAME SRC='http://klcintw.gadget.googlepages.com/jgBuboo.htm?account={Buboo帳號}&count={顯示多少則訊息,最大20}' WIDTH=100% HEIGHT={高度} marginheight=0 marginwidth=0 frameborder=0></IFRAME> <IFRAME SRC='http://klcintw.gadget.googlepages.com/jgBuboo.htm?account=klcintw&count=10' WIDTH=100% HEIGHT=250 marginheight=0 marginwidth=0 frameborder=0></IFRAME>
看到這個圖表示安裝成功。

IE 版

Firefox 版

Widget 分析：

參考資料：http://code.google.com/apis/ajaxfeeds/ , http://jquery.com/
資料來源：讀取Buboo提供的JSON及RSS資料。
主要採用 jQuery 在IE開發，在 Firefox 上卻無法存取遠端資料，只好改用 Google AJAX Feed API 來讀取RSS。但 Buboo的RSS沒有頭像等其它資料，所以Firefox版的就顯得陽春。

Source Code Download

如果你對這個widget有興趣，可以在這裡(GooglePages)下載研究。

[原創]Google Gadget for Buboo

2007-06-29T18:10:00.001+08:00

點把小工具加到你的iGoogle！

更新

由於 iGoogle 對小工具採用快取技術，所以新功能不會馬上出現。你可以用新版的URL馬上更新。

2007/07/01

刷新後新訊息加框顯示。讓你馬上掌握最新訊息不漏失！
回覆的訊息，@：黃底顯示。如果看到你的暱稱就表示有人回應你了！
增加顯示使用者的帳號，就在發言時間的左邊。避免有人照片和暱稱相同（目前應該沒有）。

目前不會增加「發訊」功能，因為要有帳號密碼才能發訊。小工具的安全性是否完善還是未知數，所以為了安全起見，還是請你用 Google Talk 小工具或到 Buboo 發訊。

URL：http://klcintw.gadget.googlepages.com/gBuboo_20070701a.xml

雖然為 Buboo 做了一個用在 live.com 上的小工具，但想想，使用 iGoogle 的人應該更多吧（純屬個人推測）！所以就做了一個Google Gadget。

##CONTINUE##

主要功能

設定你的Buboo帳號
可以顯示「誰在叭噗」、「我的日誌」、「朋友的近況」三種訊息頻道。
設定顯示多少訊息（5,10,15,20）
手動刷新

安裝方式：

gadget 位置：http://klcintw.gadget.googlepages.com/gBuboo.xml
首先登入 iGoogle
點右上角的「新增小工具」
點「按照URL新增」
輸入gadget的網址。接著出現安全提示訊息，按「確定」。返回首頁。
再次出現安全提示訊息，如下圖。請選「確定」。
看到這個圖表示安裝成功。
按右上角的向下三角形，更改設定，修改成你的帳號。

Gadget 分析：

參考資料：http://blog.ericsk.org/archives/681
資料來源：讀取Buboo提供的JSON資料。

Source Code Download

如果你對這個gadget有興趣，可以在這裡(GooglePages)下載研究。

[原創]Live Gadget for Buboo

2007-06-28T19:49:00.001+08:00

Buboo 是台灣本土自製的服務，類似於國外的 twitter，但更好用而且合咱的口味。

本來想做一個放在 Windows Live Spaces 上的gadget，但一直根據過去上傳失敗的經驗，可能要等很久才能成功，所以就放到Googlepages上讓大家可以先放到live.com上使用。

目前的功能只能顯示不能發表訊息，另外為避免增加Buboo主機負擔（如果有很多人裝這個gadget的話=.=a）只能手動更新訊息。

##CONTINUE##

主要功能

設定你的Buboo帳號
可以顯示「看誰在叭噗」、「我的日誌」、「我與朋友的近況」三種訊息頻道。
設定顯示多少訊息（1,2,3,5,10,15,20）
設定顯示頭像大小（大12,中10,小8）
設定字體大小(大12,中10,小8)
設定區塊大小

安裝方式：

gadget 位置：http://klcintw.gadget.googlepages.com/Buboo.xml
首先登入 live.com
點左上角的「新增專區項目」再點「進階選項」，在中間方塊輸入gadget的位置，如第1點所示。按下「訂閱」。
接著出現安全提示訊息，如下圖。請勾選「記住我的喜好設定」再按「安裝小工具」。
看到這個圖表示安裝成功。
按下「變更設定」修改成你的帳號。

Gadget 分析：

參考資料：http://buboo.tw/apidoc
資料來源：讀取Buboo提供的XML資料。 RSS沒有大頭照的資料，gadget目前無法處理遠端的JSON。
用 Web.Network.createRequest 讀取RSS。為避免browser會cache資料，可用「m_feedUrl + "&rnd=" + Math.random()」。
在 OnFeedReceived 用 response.responseXML.documentElement.selectNodes("//statuses/status"); 處理資料並顯示。

Source Code Download

如果你對這個gadget有興趣，可以在這裡(GooglePages)下載研究。

[原創]Live Gadget for Diggirl

2007-06-28T19:05:00.001+08:00

美女，君子皆欣賞。

在 diggirl.net 上有不少的美圖。本來想做一個可以展示今日熱門美女的gadget用在 Windows Live Spaces 上的，但一直被M$給reject 12次，主要的原因應該是「您的上傳內容未遵守 Windows Live Gallery 規定」=.=a

雖然不能用在Windows Live Spaces 上，但仍然可以用在 live.com，只是要手動安裝。

##CONTINUE##

安裝方式：

gadget 位置：http://klcintw.gadget.googlepages.com/Diggirl.xml
首先登入 live.com
點左上角的「新增專區項目」再點「進階選項」，在中間方塊輸入gadget的位置，如第1點所示。按下「訂閱」。
接著出現安全提示訊息，如下圖。請勾選「記住我的喜好設定」再按「安裝小工具」。
看到這個圖表示安裝成功。
看到有美女圖出現就表示運作正常！

Gadget 分析：

資料來源：http://diggirl.net/hottodayrss.jsp
用 Web.Network.createRequest 讀取RSS。為避免browser會cache資料，可用「m_feedUrl + "&rnd=" + Math.random()」。
在 RenderHeadlines 中從RSS取得圖檔資料，用陣列m_aryImages儲存。設定 setTimeout 讓圖檔可以有時候載入。
真正做圖檔切換的是 runSlideShow。

Source Code Download

如果你對這個gadget有興趣，可以在這裡(GooglePages)下載研究。

[筆記]Gadgets for Windows Live Spaces (3) 開發及上傳

2007-06-20T14:43:00.001+08:00

Microsoft 的 gadget目前區分三種：Live Gadget、Sidebar Gadget和Slideshow Gadget，本文僅針對在web上使用的Live Gadget。

開發心得

事件處理要用 btnReload.attachEvent('onclick', btnReload_onclick); 在 dispose 時要 btnReload.detachEvent('onclick', btnReload_onclick);
避免在<a>加上事件處理，如<a href='javascript:something();' ></a>或<a href='#' onclick='javascript:something();' ></a>
上傳時Gadget Manifest檔名一定要是 gadget.xml，而且其中的記錄的檔案都要是相對位置。
要同時能在 Live Spaces 和 Live.com 正常運作。
要注意 IE6 和 IE7 的差異。
被拒絕的幾種官方說法（不會告訴你那裡有問題）：＜2007/06/28 依據本身上傳數十次的經驗，要能上傳成功的秘訣是：毅力和運氣 =.=a＞＜2007/06/24 粗略的英文說明：退件理由 Reasons for an item being rejected ,deinstall,submission＞
- 您的小工具安裝之後，無法正確顯示文字或圖形
- 您的上傳內容未遵守 Windows Live Gallery 規定
- 當我們解除安裝您上傳的檔案時發生問題
- 您的項目發生問題，請重新上傳
- 您的項目新增之後，無法在 Live.com 上顯示
- 您的小工具安裝之後，無法在 Spaces 上運作
- 網頁小工具的根目錄需有 "gadget.xml" 檔案，但我們無法在您的檔案中找到此檔案

##CONTINUE##

開發Gadgets

Web Gadget SDK http://microsoftgadgets.com/livesdk/index.htm
Windows Live Gallery BLOG http://wlgallery.spaces.live.com/
How to differentiate between Live.com, Spaces, and Gallery http://forums.microsoft.com/MSDN/ShowPost.aspx?PostID=1425770&SiteID=1 判斷目前環境(Live", Gallery", Spaces)的方法
http://microsoftgadgets.com/livesdk/docs/default.htm#SpacesGadgets
- 在 Windows Live Spaces 下有2種模式(author 或 viewer)。 p_args.module.getMode()
- 在 Windows Live Spaces 測試 http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=URLEncodedPathToYourHostedGadgetManifestURL
http://microsoftgadgets.com/livesdk/docs/default.htm#Savingpreferences
- 儲存或取得設定 getPreference(key); setPreference(key, value); deletePreference(key);

上傳Gadgets

將 xml檔內的js和css改成相對路徑，否則審核會不通過。
將 xml, js, css 壓解成 zip檔。
到 http://gallery.live.com/submit.aspx 填資料上傳檔案，然後等待核準……
要耐心等待，通常需要半天到一天的時間才知道結果。
要多試幾次，我上傳11次中只有3次通過。

[筆記]Gadgets for Windows Live Spaces (2) 測試

2007-06-20T13:58:00.001+08:00

測試範例Live.com

開啟IE進入 http://www.live.com
新增一個測試網頁並拉成第一頁
新增專區項目＼進階選項在使用 URL 新增小工具輸入 http://localhost/Gadgets/Hello/HelloWorldGadget.xml 按下訂閱
出現警告訊息，按下「安裝小工具」，過一會就會出現 Hello, World! 。

測試範例spaces.live.com

用IE開啟 http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=http%3A//localhost/Gadgets/Hello/HelloWorldGadget.xml 即可看到效果開發者預覽
編輯模式
一般模式

[筆記]Gadgets for Windows Live Spaces (1) 準備及設定

2007-06-20T11:56:00.001+08:00

補充（2007/07/17）：

本文假設你已經瞭解 Javascript, HTML, DOM, CSS, Xml。

準備事項

可在本機運行的 Web Server，如 IIS 、 free 的 ASP.NET Cassini Sample Web Server 或其它可以從 http://localhost 存取 xml, js, css 的 Web Server 都可以。
所有檔案(xml,js,css)皆可用最簡單的Windows記事本編輯修改，但建議使用 free 的 Visual Web Developer Express，如果有Microsoft Visual Studio 2005更好。
下載範例程式，可以幫助你更快進入狀況。

設定環境

下載範例程式後，解壓縮至D:\GadgetsSDK\Samples\。
在Internet服務管理員新增虛擬目錄 Gadgets 指向 D:\GadgetsSDK\Samples\。
在 IE 將 http://*.live.com 和 http://*.start.com 設為信任的網站。
在安全性設定選取提示「存取各網域的資料來源」
停止 IE 的快取。不然程式怎麼改都沒用啊～

[HTA]htaRadio KISSRadio

2007-05-30T13:00:00.005+08:00

這是什麼？

htaRadio KISSRadio 是用微軟的HTA(HTML Application) 技術所製作
專門用來收聽KISS RADIO網路音樂台台的迷你小程式
目標單純，功能簡單

特點：

免選台，執行就放送。（只有一台而已：P）如果你想要可以收聽更多網路電台，請使用「handy hiRadio」。htaRadio KISSRadio 的部份技術即是參考它而成的。
有“現在播放”的功能，可以顯示現在播放的音樂名稱及演唱人。
Ver.0.0.3 當日節目表

感謝：

HiNet hiChannel 免費廣播提供網路廣播服務
KISS RADIO網路音樂台提供“現在播放”服務
handy hiRadio 本程式重要參考依據

下載：

Version 0.0.5.20090423 (6.0kb) [Box.net]
MD5：A6BF85D5699C3759336C41636C476677
變數hiMMSBaseURL改成http://b1.mediayou.net/cgi-bin/mmsurl_hinet?id=
Version 0.0.4.20071116 (6.0kb) [Box.net]
變數hiMMSBaseURL改成http://hichannel.hinet.net/api/streamFreeRadio.jsp?id=
Version 0.0.3.20070601 (6.0kb) [Box.net]
MD5 : 93DD19519B3B814930595AE247B0D0BE
- 修改Hinet變更播放方式
- 增加節目表
Version 0.0.2.20070601 (6.2kb) [Box.net]
MD5 : 70389ACAB7C5C62EAFEB78F91A6FBFB3
Version 0.0.1.20070530 (6.3kb) [Box.net]
MD5 : F35971FDEDFB66C49D6DD5B381772F

KISSRadio 網路音樂台

KISSRadio 網路音樂台---好歌不間斷,MUSIC NOT STOP!

幾乎沒有廣告，幾乎沒有主持人講話
新歌老歌都播，中英日韓的音樂都有

[筆記]加速你的Firefox

2007-05-19T17:22:00.001+08:00

重點：調整網路連線參數。測試：Firefox 2

在網址列輸入「about:config」
修改參數：
1. network.http.pipelining ==> true (我的原本就是True)
2. network.http.proxy.pipelining ==> ture (我的原本就是True)
3. network.http.pipelining.maxrequests ==> 30 (我的原本就是8) 表示一次同時發出30個requests，理論上確實會變快
新增參數（整數, Integer）：nglayout.initialpaint.delay，值為 0 This value is the amount of time the browser waits before it acts on information it receives.
其它參考參數，可自行決定是否修改：

network.prefetch-next ==> false (我的原本就是True) Firefox的一個特點是會幫使用者預先下載“你可能會去點閱的網頁”，理論上會加速下一次的速度，但卻會造成系統的負擔（頻寬、CPU、RAM）。設為false可以關閉這個功能。
config.trim_on_minimize ==> TRUE 視窗縮小時清除記憶體

參考資料：

2007/05/21

改之後似乎較常發生「無法連線」的問題，按F5重新整理之後就OK了。

[圖像]Photo2Sketch 素描

2007-04-28T22:55:00.001+08:00

[原始照片來源：http://www.flickr.com/photos/borghetti/438438713/] 用手繪方式製作

想要自己畫出這樣專業的素描嗎？只要動動滑鼠，不用Photoshop不用Painter這些超貴又重量級的繪圖軟體，只要 Photo to Sketch 出馬就OK了！

官方網站：Photo to Sketch--Thinker Software--a tool to convert a photograph to excellent sketch
軟體介紹：素描大師 Photo2Sketch v3.1 (免安裝綠色版) - ．軟體狂想曲
軟體教學：Photo2Sketch讓你為你的心愛的或家人畫出可愛的素描 - 軟件破解交流 - 電腦軟件討論 - 香港討論區 Uwants.com（動畫教學一看就會。）

[Vista_OK]

[軟體]ImgBurn - 燒錄

2007-04-26T14:33:00.001+08:00

可以燒錄日文檔名！

雖然有了之前介紹的燒錄軟體Burn4Free足以符合備份資料的需求了，但是它不支援燒錄日文韓文等其它語系的檔案是一項缺點。畢竟日本是動畫及某類動作片的出產國，若不能燒日文檔名就麻煩了。

如果要備份檔案，要先切換模式「Mode\Build」或按Ctrl-Alt-B，變更輸出「Output\Device」，然後把要燒錄的檔案拖到視窗，最後再寫入「File\Write」。

可以燒影像檔嗎？當然，看名字ImgBurn就知道這是它的專長啊！ImgBurn支持：.BIN, .CDI, .CDR, .DI, .DVD, .GCM, .GI, .IBQ, .IMG, .ISO, .LST, .MDS, .NRG, .PDI and .UDI

官方網站：The Official ImgBurn Website
使用教學：wormboss歡禧城:[軟體]ImgBurn - 燒錄DVD映象檔的好軟體 - yam天空部落
應用教學：[心得]使用ImgBurn備份DVD9 - ShareGet 討論區

[Vista OK]

[推薦]我的Portable工具包

2007-04-26T00:59:00.001+08:00

什麼是「Portable（可攜式）」？根據Wikipedia上的說明，有以下3點考量：

使用前不需要任何型式的安裝，除了解壓縮複製到removable media，如：USB隨身碟、外接式硬碟…
所有的設定都可以跟著走，不能存在PC上，如：登錄(registry)或檔案系統(file system)。
使用後儘量避免在PC上留下任何資料和記錄。

由於工作的關係，案子RUN到某個階段就必須到客戶那邊安裝系統及測試。通常建置新系統都會同時採購新主機（賣硬體比較賺錢，做軟體比較累），所以都會遇到剛裝完OS的主機上什麼應用程式都沒有的“新貧”狀態。再加上有些客戶對於資安有著各種要求和限制，如不能接網路線，不能用USB設備之類的。

在 1.)只能用USB或光碟傳送檔案、2.)不能在主機上安裝與系統無關的程式、3.)主機可有限制的上internet 的前提下，我搜集了一些程式來增加工作效率，以「不需要安裝即可使用」為主要考量，比Portable要寬鬆，畢竟好用合用才是重點。

Portable Notepad2：可以取代Windows本身的記事本(Notepad)，文字編輯。有中文化。
用來修改設定檔或網頁及程式。
Foxit Reader Portable：可以取代Adobe Reader，閱讀PDF檔。有中文化。
有些文件或資料是PDF格式，可以用它來開啟。
7-Zip Portable：可取代WinRAR, WinZip，壓縮解壓縮檔案。有中文化。可放在光碟。
可壓可解：7z, ZIP, GZIP, BZIP2 and TAR
只可解：RAR, CAB, ISO, ARJ, LZH, CHM, Z, CPIO, RPM, DEB , NSIS
安裝系統或更新程式，把檔案壓縮後才能減少傳輸時間。
Gaim Portable：支援AOL, Yahoo, MSN, ICQ , Jabber的即時通工具。
和同事討論：有些情況用說的很難表達，把畫面或錯誤訊息抓下來傳回公司比較快。
傳送檔案：有檔案忘了帶或同事有程式要更新，馬上傳就OK。
PStart：類似開始功能表的小程式。
如上圖就是使用它來整理各個程式。

當然，Portable的程式不止這些，像瀏覽器Mozilla Firefox, Portable Edition（我們的系統都是針對IE，所以FF就不需要了。）、EMail程式Mozilla Thunderbird, Portable Edition（公司有架WebMail可以直接在IE上收發信。）、影像處理GIMP Portable、FTP程式FileZilla Portable、可取代Office的OpenOffice.org Portable (非公式正體中文版)……現在的USB隨身碟越來越大，想放就放吧。

其它Portable相關的資源可參考：

List of portable software - Wikipedia, the free encyclopedia
PortableApps.com - Portable software for USB drives | Your Digital Life, Anywhere™
The Portable Freeware Collection
Wangtam: Portable Applications for Windows (簡中)
悠言幽语 » Blog Archive » 便携式软件合集
WOS Portable - CH Software
to run a webserver based on Apache, MySQL and PHP from an USB Stick or any other writable media.

[Vista OK]

[軟體]Burn4Free - 燒錄

2007-04-22T20:59:00.001+08:00

原本用的燒錄軟體NTI CD & DVD-Maker 7突然在燒錄到最後就會被Vista視為無回應而強行關閉，多了幾片杯墊之後我就上網尋找代替方案。

找到了有繁體中文介面的Free燒錄軟體 Burn4Free ! 對我而言，即不燒音樂CD也不複製正版DVD，只要能備份資料就OK了。

雖然是Free的，但會強制安裝一個IE的工具列(Burn4Free Toolbar)，介面上也有廣告。

資料來源：下載王 hotdl.com - Burn4Free 2.3.0.0

Burn4Free 除了燒錄一般的資料光碟外，也能將目前常見的數位音樂檔案專錄成音樂 CD，此外還可以將光碟片內容以 ISO 映像檔格式備份儲存。體積小不佔空間與系統資源，是款足以取代 Nero 龐然大物的好工具。具體功能︰

燒錄一般的資料光碟(CD / DVD)或是音樂 CD。
可將 WAV, FLAC, WavPack, WMA, M3U, MP3, MP2, MP1 OGG, CDA 直接燒錄成音樂 CD。
支援 CD-R / CD-RW / DVD-R / DVD+R / DVD-RW / DVD+RW / DVD-RAM drives(SCSI-IDE / EIDE-USB)。
有四種進行燒錄的方式可供選擇(fly window, right click from explorer, internal add window, derag&drop)。
燒錄與製作 ISO。
支援雙層 DVD。
支援 1900 種以上的燒錄機。

[Vista OK]

[軟體]nrg2iso - nrg檔轉成iso檔

2007-04-02T08:50:00.001+08:00

http://www.roland-illig.de/lang.delphi.nrg2iso.html This program converts Nero CD images into ISO-9660 CD images. Nothing more and nothing less.

把.nrg檔（Nero 的光碟影像檔）轉換成標準的.iso檔。

用處如Microsoft Virtual PC只能使用ISO檔模擬光碟，所以要轉檔。

注意：nrg2iso-1.01-en.zip和vcl30.zip都要下載，然後解壓縮在同一個目錄即可，不用安裝。

via : nrg2iso - 镜像格式转换 | 小众软件

[Vista OK]

[筆記]P2P影片名詞解譯

2007-03-26T22:30:00.001+08:00

CAM , TS(TelSync) , 搶版 : 用攝影機在戲院裡偷拍，所以常會看到有人影遮住或是聽到其他觀眾的聲音。
TC(TeleCine) , 清晰版 : 電影，從底片直接轉錄。
TVRip :電視節目，用電視卡等硬體錄製。
D-R , DVD-RMVB , D2R : 從DVD轉製成RMVB檔。
DVDRip : 從DVD轉製成DivX/XviD格式。

資料來源：电影格式相关知识- Mtime电影社区

[筆記]Blogger的資料來源

2007-03-23T17:20:00.001+08:00

文章
- http://klcintw4.blogspot.com/feeds/posts/default
- http://klcintw4.blogspot.com/rss.xml
- http://klcintw4.blogspot.com/atom.xml
回應
- http://klcintw4.blogspot.com/feeds/comments/
分類
- http://klcintw4.blogspot.com/feeds/posts/summary/-/筆記
- http://klcintw4.blogspot.com/feeds/posts/summary/-/筆記/Beta+Hacks

說明：紅字部分有三種選項「default」、「full」、「summary」。

網址後的參數：

alt=rss：輸出為RSS格式
alt=json-in-script&callback=：輸出為JSON格式
start-index=N：從第N篇開始
max-results=N：最多傳回N篇
orderby=published：設定 Feed 內容依照發文時間排序。預設是依照「更新時間」來排序。

參考資料：Abin's Tech Note: Blogger 資料來源用法與整理 (Site Feed Usage)

[筆記]加速你的Internet Explorer和Firefox

2007-03-21T16:31:00.001+08:00

重點：用RamDisk存放暫存檔

用 Gavotte Ramdisk 建立一個虛擬磁碟，容量大小建議是64MB以上。
Microsoft Internet Explorer 6,7
1. 工具＼網際網路選項，一般，Temporary Internet files，「設定…」
2. 調整「使用的磁碟總空間」不要超過虛擬磁碟的大小。
3. 「移動資料夾…」將目錄指向虛擬磁碟的Temp目錄(R:\Temp)。
4. 設定後，系統會要求登出才能移動檔案。
5. 重新登入，OK！
Mozilla Firefox 2
1. 在網址列輸入「about:config」
2. 變更快取目錄
  browser.cache.disk.parent_directory ==> 設定成虛擬磁碟的Temp目錄(R:\Temp)。
3. 視窗縮小時清除記憶體
  config.trim_on_minimize ==> TRUE
4. 關閉 Firefox 在記憶體中存入快取檔案
  browser.cache.memory.enable ==> FALSE
5. 停用記憶體內快取
  browser.cache.memory.capacity ==> 0
6. 減少 Firefox 的記憶體使用量
  browser.sessionhistory.max_total_viewers ==> 3

參考資料：

[筆記]emule在Vista下水土不服！？

2007-03-20T00:14:00.003+08:00

作業系統：Microsoft Vista Home Premium
P2P程式：eMule v0.47c

問題：所有連線都正常，就是無法上傳下載。

解決方法：

在「控制台＼使用者帳戶」關閉使用者帳戶控制(UAC)
將檔案下載的目錄改到其它地方（除了Program Files以外）

參考資料：Dash's Blog -> eMule在Vista下的兼容性问题

[筆記]Firefox2 未知的 Plugin (application/x-mplayer2)

2007-03-19T23:55:00.000+08:00

作業系統：Microsoft Vista Home Premium
瀏覽器：Firefox 2.0
媒體播放器：Microsoft Windows Media Player 11

問題：打開網路電台後無法找到適合的Plugin，如上圖。

解決方法：

下載 npdsplay.dll , npwmsdrm.dll , npdrmv2.dll
將3個檔案置於 C:\Program Files\Mozilla Firefox\plugins
重新啟動 Firefox。成功！

資料來源：Mozine - 论坛 > 提示缺失插件x-mplayer2 解决办法!

[筆記]Visual Studio 2005 偵錯工具 DLL msdbg2.dll 未正確安裝

2007-03-16T10:55:00.001+08:00

問題：偵錯時出現以下訊息

解決方法：

在「C:\Program Files\Common Files\Microsoft Shared\VS7DEBUG」目錄下，將以下3個檔案複製到「C:\WINDOWS\system32」
1. mdm.exe (Machine Debug Manager)
2. msdbg2.dll (Active Debugging Proxy/Stub)
3. pdm.dll (Process Debug Manager)
註冊 msdbg2.dll
重新啟動 Visual Studio 2005。OK!

參考資料：请教：如何手动注册 MDM.EXE、PDM.DLL 和 MSDBG2.dll - 知网技术文档

[筆記]製作可開機的USB隨身碟

2007-03-11T17:38:00.001+08:00

要GHOST一台電腦，手上的開機片卻無法抓到光碟機，而ghost.exe又放不下一張1.44MB的磁碟，幸好在谷歌大神的指引下找到了替代方案－－用USB隨身碟開機。

步驟：

備份USB隨身碟，因為接下來會把它格式化(format)所有的資料都會消失。
到這裡下載HPUSBFW.EXE，用WINRAR解壓縮其中的開機相關檔案備用。
將USB隨身碟插入電腦再執行HPUSBFW.EXE，它會自行尋找可用的USB裝置。
在Format options中，勾選「Quick Format」增加製作的速度，勾選「Create a DOS startup disk」（建立一個DOS開機碟片），然後輸入在步驟2所存放檔案的位置。
按下「Start」，完成，收工！

注意：如果你的電腦不支援USB裝置開機的話就沒用了，不過新的電腦大部份都可以。

參考資料：

數位改裝.Digi-Mods - 【教學】製作可開機USB隨身碟

[筆記]在Sidebar顯示「最新文章」「最新回應」

2007-02-25T21:59:00.000+08:00

進入「範本＼網頁元素」的畫面，在你喜歡的位置加上「資訊提供」
資訊提供 URL 填入（紅色部份請自行修改）
1. 最新文章：http://klcintw.blogspot.com/feeds/posts/default
2. 最新回應：http://klcintw.blogspot.com/feeds/comments/full
儲存、收工！

[軟體]EverNote - 好用的記事軟體

2007-02-04T22:02:00.001+08:00

EverNote 是支援中文輸入的！

下載了免費的 Version: 1.5.0.207 (下面的 2.0 Beta有時間限制) 來試用，卻發現無法輸入中文，但是從瀏覽器剪貼過去的中文卻都沒問題。雖然可以（用滑鼠）手寫、介面滿漂亮的、有IE和FireFox的插件可以方便蒐集網頁資料，但是不能輸入中文卻是無法忽視的致命們傷啊！！！

不過，請教谷歌大神之後，找到了「EverNote:笔记软件(强烈推荐!!) at E-space」。除了簡單介紹其特色外還說明如何輸入中文的方法。

簡單的說就是：在滑鼠點選Note Type的同時按下Ctrl鍵，再選Rich Text note即可正確的輸入中文（請看右圖說明）。

EverNote 和 Google NoteBook 的作用差不多，只是 Google NoteBook 是把資料存在網路上你可以在任何可以上網的電腦去存取，雖然方便但不能上網就不能用了。而 EverNote 則是把資料都存在電腦裡這和 Microsoft Office OneNote 相同（看名字就知道這也是一種記事軟體），只不過 Microsoft Office OneNote 可是要錢的，而且還不便宜呢！

UPDATE-2007/03/26 如果資料稍為多一點，在畫面捲動時會嚴重“累格”！ (Version: 1.5.0.207)

UPDATE-2007/04/24 EverNote 2.0 推出了，在「電腦玩物: 電腦玩物免費軟體更新報：PlayPC Freeware 07-04-24」有介紹。

[Vista OK]

[筆記]在文章裡顯示優質的程式碼區

2006-11-03T20:18:00.003+08:00

有朋友問了這個問題，就做個筆記分享一下。

加上CSS

CODE  { 
  display: block; /* fixes a strange ie margin bug */
  font-family: Courier New; 
  font-size: 8pt; 
  overflow:auto; 
  background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 21px;
  max-height:200px;
  height:200px; // for IE6 
  line-height: 1.2em;
}

在文章中將程式碼置於<code></code>區塊中即可，如：
```
<code>.comment-body-author {<br />  margin:0;<br />  padding:0 0 0 20px;<br />
  background-color:#C0C0C0;<br /> }</code>
```
效果
.comment-body-author { margin:0; padding:0 0 0 20px; background-color:#C0C0C0; }

[筆記]標示作者的回應

2006-11-02T14:52:00.001+08:00

參考資料：色彩斑斕: Blogger beta:高亮作者評論

加入CSS
.comment-body-author { margin:0; padding:0 0 0 20px; background-color:#C0C0C0; } .comment-body-author p { font-size:100%; margin: 0 0 .2em 0; color:red; text-decoration:bold; }

找到
<dd class='comment-body'> ... </dd>
替換成

<b:if cond='data:comment.author == data:post.author'> 
  <dd class='comment-body-author'> <p><data:comment.body/></p> </dd> 
<b:else/>        
        <dd class='comment-body'>
          <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
            <p><data:comment.body/></p>
          </b:if>
        </dd>
        <dd class='comment-footer'>
          <span class='comment-timestamp'>
            <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
              <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
          </span>
  </dd>
</b:if>

[原創]Firefox2搜尋引擎for博客來網路書店

2006-11-02T14:06:00.001+08:00

參考資料：Creating OpenSearch plugins for Firefox - MDC

下載：www_books_com_tw.xml

安裝：將下載的xml檔案複製到 C:\Program Files\Mozilla Firefox\searchplugins ，重新啟動 Firefox 即可。

程式碼

<!--
2006/11/01
http://klcintw4.blogspot.com/
-->
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>博客來</ShortName>
<Description>博客來網路書店</Description>
<InputEncoding>Big5</InputEncoding>
<Image width="16" height="16">data:image/x-icon;base64,</Image>
<Url type="text/html" method="get" template="http://search.books.com.tw/exep/openfind.php">
  <Param name="cat" value="all"/>
  <Param name="key" value="{searchTerms}"/>
</Url>
</SearchPlugin>

懶人設定法：無聊人的無聊小站 - 搜尋引擎生成器

UPDATE-2007/03/21
其它現成的：重灌狂人 » 32個 Firefox 2.0 超好用搜尋引擎！（Firefox Search Plugin）

[筆記]標題顯示

2006-10-27T13:11:00.001+08:00

將


 <b:include data='post' name='post'/>

改成

<b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
         <li><a expr:href='data:post.url'><data:post.title/></a></li>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>
 <b:else/>
     <b:include data='post' name='post'/>
 </b:if>

[筆記]小部修改

2006-10-27T13:10:00.000+08:00

將
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
改成
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>留言（<data:post.numComments/>）</a>
將
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
改成
<data:post.timestamp/>｜ <a class='timestamp-link' expr:href='data:post.url' title='permanent link'>固定鏈接</a>｜
支援 lightbox 特效
<link href='http://klcintw.css.googlepages.com/lightbox.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://klcintw.js.googlepages.com/prototype.js' type='text/javascript'></script> <script src='http://klcintw.js.googlepages.com/scriptaculous.js?load=effects' type='text/javascript'></script> <script src='http://klcintw.js.googlepages.com/lightbox.js' type='text/javascript'></script> <script src='http://www.haloscan.com/load/klcintw4' type='text/javascript'> </script>

[筆記]社會性書籤(Social Bookmarki)

2006-10-27T13:08:00.000+08:00

參考資料：Not My Business: 新增文章到HEMiDEMi for Blogger Beta

將 <p class='post-footer-line post-footer-line-3'> 取代成

<p class='post-footer-line post-footer-line-3'>
Add to
<a class='addToolTip' expr:href='"http://www.hemidemi.com/user_bookmark/new?title=" + data:post.title + "&amp;url=" + data:post.url' target='_blank' title='Add to 黑米 HEMiDEMi'>HEMiDEMi</a> |
<a class='addToolTip' expr:href='"http://funp.com/pages/submit/?popup&amp;url=" + data:post.url' target='_blank' title='Add to 推推王 funP'>funP</a> |
<a class='addToolTip' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title= " + data:post.title' target='_blank' title='Add to Del.icio.us'>Del.icio.us</a> |
<a class='addToolTip' expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;t=" + data:post.title' target='_blank' title='Add to Furl'>Furl</a> |
<a class='addToolTip' expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' target='_blank' title='Add to Technorati'>Technorati</a>
</p>

[筆記]標籤雲(Tag Cloud)

2006-10-25T15:11:00.001+08:00

參考資料：phydeaux3: Code for Beta Blogger Label Cloud

加入CSS
/* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important}
加入Javascript變數宣告（lcShowCount=true 則顯示文章數，lcBlogURL 要改成自己的連結）
<script type='text/javascript'> // Label Cloud User Variables var lcBlogURL = 'http://YOURBLOG.blogspot.com'; var maxFontSize = 20; var maxColor = [0,0,255]; var minFontSize = 10; var minColor = [0,0,0]; var lcShowCount = false; </script>

將
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
取代成

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>

  <div class='widget-content'>
  <div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
function s(a,b,i,x){
      if(a&gt;b){
          var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
             }
      else{
          var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
          }
      return v
   }

var ta=0
var c=[];
var labelCount = new Array();  
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
     if (!labelCount[ts[t]]){
           labelCount[ts[t]] = new Array(ts[t])
           }
        }
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
    for (var i=0;3 &gt; i;i++) {
             c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
              }      
         var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
         li = document.createElement('li');
         li.style.fontSize = fs+'px';
         li.style.lineHeight = '1';
         a = document.createElement('a');
         a.title = ts[t]+' Posts in '+t;
         a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
         a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
         if (lcShowCount){
             span = document.createElement('span');
             span.innerHTML = '('+ts[t]+') ';
             span.className = 'label-count';
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             li.appendChild(span);
             }
          else {
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             }
         ul.appendChild(li);
         abnk = document.createTextNode(' ');
         ul.appendChild(abnk);
    }
  lc2.appendChild(ul);    
</script>

<noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
</noscript>
    <b:include name='quickedit'/>
  </div>

</b:includable>
</b:widget>

[教學]Microsoft Producer 2003

2006-10-07T15:45:00.001+08:00

網址：http://video.ks.edu.tw/soft/03web/Producer2003/index.htm

來源：軟體百視達

主講人：呂聰賢

全部課程：有32個教學錄影檔課程總時數1小時0分33秒

您可以使用 Producer 來匯入現存的 Microsoft PowerPoint 簡報、視訊檔、聲音檔、圖形像、和 HTML 檔案，然後同步播放視訊與 PowerPoint 簡報的旁白，製作資訊融入教學的多媒體網頁．

[軟體]Synergy - 用一組滑鼠鍵盤控制多台電腦

2006-10-02T21:11:00.001+08:00

Synergy是一個open-source的軟體，可以讓網路上多台電腦共一組滑鼠和鍵盤。

假設要用A電腦(Server-A)的滑鼠鍵盤去操作B電腦(Client-B)，在Synergy中A電腦叫做Primary Screen(主螢幕)執行Synergy Server，而B電腦叫做Secondary Screens(第二螢幕)執行Synergy Client。也就是說兩台電腦都要安裝Synergy。

設定 Synergy Server

點選「Share this computer's keyboard and mouse (server)」
設定組態，按下「Screens & Links Configure...」
按「＋」新增Screen，也就是兩電腦的computer name。
設定虛擬位置。主要是指定當滑鼠超過A電腦的螢幕左邊時就可以控制B電腦，當滑鼠超過B電腦的螢幕右邊時就可以回到A電腦。一定要設對，不然會回不來。按下「OK」完成設定回到前一個畫面。
按下「Start」開始執行Synergy Server。

設定 Synergy Client

點選「Use another computer's shared keyboard and mouse (client)」
在 Other Computer's Host Name 輸入A電腦的computer name。
按下「Test」測試連線是否OK。
按下「Start」就可以開始接受server的控制了。

官網：http://synergy2.sourceforge.net/
SnapFiles介紹：http://www.snapfiles.com/reviews/synergy/synergy.html

~~PS:如果能夠傳剪貼簿(clipboard)的內容就更棒了。~~ (2006/12/11 感謝Demon Chang的提醒，這個功能確實是有的。

[筆記]GreyBox 無法用在Blogger beta的原因

2006-10-01T23:32:00.001+08:00

由於Blogger beta未提供上傳檔案的空間，所以必須自行尋找空間。推薦 Google Pages，放一些icon, css, js檔就很夠用了。所以我就將greybox的檔案上傳到GooglePages然後開始修改template，結果卻不理想。

greybox 使用自帶的 loader_frame.html 來載入實際要顯示的網頁，但是其中有一行代碼卻要參考到parent網頁的參數，偏偏parent在blogspot.com而loader_frame.html卻在googlepages.com，嚴重違反跨網站的安全限制，陷入難關之中。

var GB = parent.GB_CURRENT;

解決方法：Blogger可以提供空間存放檔案。

[原創]插入具有Lightbox效果的圖片 - Windows Live Writer plugin

2006-09-29T16:30:00.001+08:00

LightBox_SimplePlugin 0.0.1 (download 5kb)

很簡單的運用，只要輸入大小圖的URL就幫你產生具有lightbox效果的圖片。

安裝方式：解壓縮後將 LightBox.dll 複製到 C:\Program Files\Windows Live Writer\Plugins 再重新啟動 Windows Live Writer即可。

其它資源：

Writer Zone - Windows Live Writer team blog
Windows Live Writer SDK
Keyvan Nayyeri : Write a Windows Live Writer plugin using C#

[原創]用 Windows Live Writer 改blog

2006-09-28T16:26:00.001+08:00

剛剛看到 Windows Live Writer 又有新版就去下載來試試。

點這裡看設定方式！！！

雖然GSeeker說：「…全面支持Blogger beta…」但還是有問題：

無法下載 Weblog Style，也就無法做到「所見即所得(WYSIWYG)」。
無法新增文章，但可以下載編輯舊文章。
無法取得並下載編輯 Blogger Beta 上的草稿(draft)。
無法指定文章的 Labels。
無法改變文章的日期。

2006/09/29 10:10 更新：從＜kenkang's blog: Live Writer修改blog的问题＞得知，部份問題是因為Remote posting URL 設定錯誤，應該是輸入service.post，也就是類似「http://{id}.blogspot.com/feeds/posts/full」的形式。但是仍然有問題：

可以新增文章，也可以修改新增的文章。卻無法修改舊文章（錯誤400,不正確的要求）。
可以下載Weblog Style。

看來同一個blog要用<feed-id>建一個來修改舊文章，用service.post建一個來新增編輯舊文章。

這是用 Windows Live Writer 1.0 (Beta) 改的文章！

[原創]以日曆的形式顯示文章日期

2006-09-27T19:20:00.001+08:00

這個小小的hack純粹是練習用的，只是想把文章日期(post.dateHeader)以日曆的形式表現出來，如果您覺得有趣歡迎留言指教。

1.加入CSS

2.加入JS

3.找到以下代碼

<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

紅色部份代碼替換成以下代碼

已知問題：換頁（按下 Older Posts）後無法顯示日曆。

[筆記]expr:href 的用法

2006-09-25T19:01:00.000+08:00

一般連結：要用單引號（'）將整個字串包起來，再用雙引號（"）包個別的文字，用加號（+）連接字串和資料。網址的&符號必須以（&）取代。
　

JavaScript 連結：function的文字參數要用（\"）包起來。
　

[原創]在Blogger Beta使用Lightbox顯示圖片

2006-09-24T19:30:00.000+08:00

Lightbox是一種滿炫的效果，點擊網頁上的圖片或連結後，背景彷彿電影要開演前一樣變暗，然後顯示Loading的訊息，接著就顯示出內容（圖片或網頁）。檢視實際效果請點下圖。

目前blog上使用的Lightbox套件很多，這裡所選用的是「Lightbox JS v2.0 by Lokesh Dhakar」並加以修改部份圖片的網址。

為了讓大家能夠快速的使用，我已經做好修改並於在「Google Page」上，只要依照以下步驟您就可以立即擁有Lightbox的效果！

Step 1. 修改 Template

進「Template＼Edit HTML」的畫面。請先備份（點擊 Download Full Template）。找到以下代碼。

]]></b:skin>
</head>
<body>

然後插入以下代碼，詳細情形請點這裡觀看。

Step 2. 修改 Post

在要套用Lightbox效果的圖片或連結加上「rel="lightbox"」並將href指向要顯示的內容url。如上面的範例中，小圖的url是http://img228.imageshack.us/img228/6883/104357ao3.th.jpg，而大圖的url是href="http://img228.imageshack.us/img228/6883/104357ao3.jpg，完整的HTML代碼如下：

更多Lightbox的運用（如多圖顯示）請參考「Lightbox JS v2.0」或「swf.com.tw » 使用LightBox展示線上影像」的介紹。

UPDATE-2007/03/21
更正 teaegg 提出的問題：發現一個bug，用首頁最下面「較舊的文章」裡頭所看到之前文章的圖片，Lightbox的效果會出不來。請問有沒有解決方法？

修改範本

在</body>前面加上以下片段。

參考資料：Racklin's 阿土伯程式大觀園: Blogger Hack Tip #1 - Hacking Blogger index.html

UPDATE-2007/12/16

由於JS和CSS和大家共用，效果偶爾會時好時壞，是因為「頻寬用盡(如下)」的問題
The bandwidth or page view limit for this site has been exceeded and the page cannot be viewed at this time. Once the site is below the limit, it will once again begin serving as normal.

如果你有自己的空間（如：Google Page）可以到http://www.box.net/shared/jg4i6me7n7下載Lightbox工具包，解壓縮後有5個檔案。上傳到你自己的空間，再修改Step1的路徑。

[教學]大師之路Photoshop視頻教程

2006-09-21T21:30:00.000+08:00

from Photoshop|視頻教程|大師之路 Unify tutorial Video作者趙鵬先生。

#01 各種主流色彩模式及其概念，初學者應該首先閱讀的內容。(88分鐘)
1. RGB色彩模式　2. 灰度色彩模式　3. 圖像通道　4. CMYK色彩模式 5. 色彩模式的選擇　6. 顏色的選取　7. HSB色彩模式 ...(略)

共有12章

各種主流色彩模式及其概念，初學者應該首先閱讀的內容。(88分鐘)
像素的概念，分辨率的概念，點陣及矢量圖像的特點。(43分鐘)
Photoshop的基本操作方式，畫筆工具的使用及筆刷的設定。(66分鐘)
在Photoshop中創建選區。選區是三大基礎之一。(101分鐘)
使用圖層來合成圖像，圖層是Photoshop三大基礎之二。(139分鐘)
色彩調整的知識，主要掌握曲線命令的使用。(90分鐘)
使用其它色彩調整命令。(129分鐘)
使用蒙版來合成圖像。(191分鐘)
Photoshop工具欄中各個工具的使用方法。(168分鐘)
使用文字工具進行創作，利用路徑和OpenType字體。(107分鐘)
？？？
利用路徑的矢量特性製作作品，Photoshop三大基礎之三。(223分鐘)