星期三, 10月 11, 2006

Google SiteSearch 站內搜尋教學

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

 藍色:更改搜尋器按鍵及網域顯示名稱
 紫色:更改版面留白處距離
 灰色:更改文字顯示為一般網頁內之大小

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


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


【網友疑問】 排版問題

沒有留言: