Google SiteSearch 站內搜尋教學

以下教學圖示用滑鼠左鍵點入後，會另開大圖於新視窗中

使用 Google站內搜尋之網站，需已被 Google登錄
若尚未被 Google搜尋到，建議至以下網址登錄
http://www.google.com/addurl/?hl=zh-TW&continue=/addurl

若還沒 Google 搜尋到也有別的方法 －－
Technorati站內搜尋教學 (UTF-8編碼可用)


【教學步驟】
1.開啟Customizable Google Free Search
　http://services.google.com/cobrand/free_trial

2.按紅色框　Sign Up (註冊)


3. (1)填寫 domains ( 其前："不用"加 http://　其後："不用"加 /　)
　 (2)按 Continue


4.自由選擇設定(1) logo(灰色框）
　　　　　　　(2) 站內搜尋介面之版面色彩（灰色框及下方藍色框間）

　若不需設定，可直接按上圖藍色框的 Continue，則站內搜尋介面如下圖

　若設定 logo，可在灰色框中放入圖片網址，並決定像素大小
　下圖 logo大小為 130*36

　下圖 logo為 640*185

　
5.填寫"自己的"註冊資料後按 Continue
　(＊號為必填項目，其它為選填；以下為範例請勿照填）


6.得到 Google站內搜尋的 html碼，可貼至您網站範本中的適當位置


7.將 html碼貼在 sidebar後的情況（ 以 blogger系統為範例）
（上方為修改後之 Google Search
　下方為步驟 6之原始碼產生的 Google Search)


8.修改步驟 6原始碼使版面符合個人需求　
　（以下為修改後，以 blogger系統為範例)

　html碼，上半為原始碼，下半為修改後 html碼，彩色為修改處

　紅色(http......)：
　　　改變 Google圖示大小，
　　　可至　http://www.google.com/logos.html 選擇
　黃色(size......)：
　　　改變搜尋輸入欄長度
　綠色(input.....)：
　　　設定編碼為 UTF-8
　　　(原始碼之搜尋欄若未加此設定，會於 UTF-8網頁中產生亂碼)
　　　若不是 UTF-8，將兩個 UTF-8 換成該網站編碼，比如 Big5
<input type="hidden" name="ie" value="UTF-8"><input type="hidden" name="oe" value="UTF-8"><input type="hidden" name="hl" value="zh-TW">
　藍色：更改搜尋器按鍵及網域顯示名稱
　紫色：更改版面留白處距離
　灰色：更改文字顯示為一般網頁內之大小

　上方為修改後之 Google Search
　下方為原始碼產生的 Google Search


　若希望搜尋結果另開新視窗，
　請參考下圖於 html碼適當處加上"TARGET=_blank"
　( Google FAQ：
　　http://www.google.com/faq_freewebsearch.html#site7 )


【網友疑問】　排版問題