demoshop

demo, trying to be the best_

有使用Firefox3.xIE7.x以上的網友都知道右上角的搜尋列一直是一個相當好用的東西,也有不少套件對它琢磨,本篇文章教您如何把自己的網站加到搜尋列,方便網友直接找你網站的資訊。

  • 2009/1/9 修改XML的Code 讓IE與Firefox都可以正常的新增

demo最近把Firefox搞成3.0 rc2以後晃一些網站都會發現有個奇怪的小圖示如以下幾個網站



 

在好奇心驅使下,我按下了發現可以直接新增該網站搜尋耶

 

於是我利用FUNP.COM的原始碼來參考了解了其中奧妙,就想自己也搞一個以下就是教學啦

 

本篇文章主要是利用google的自訂搜尋來作成自己網站的搜尋引擎,因為demo小鋪就是這樣搞得阿,如果你不知道如何使用Google的自訂搜尋請參考【Custom Search個人化專屬的搜尋引擎】,以下文章假設您已經設定好了Google的搜尋引擎了。

 

先對你自己的站內搜尋隨便輸入一些字讓它跳到結果頁面,比如小鋪的就如下


  1. 		http://www.google.com.tw/cse?cx=partner-pub-06942224496900484&q=msn 

測試時我輸入的是msn所以看得出來該網址的關鍵字是用q做識別,然後我們就要新增一個XML檔案,檔案內容如下


  1. 		<?xml version="1.0" encoding="UTF-8" ?> 
  2. 		<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"> 
  3. 		  <ShortName>demo小鋪</ShortName> 
  4. 		  <Description>創作、分享、交流的園地~~</Description> 
  5. 		  <Image width="16" height="16">data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGxkdhJ6Ew5TClP%2BLuYv%2Fmr2a%2Fz1CPU4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQE5AVZ%2Fxn%2F%2BH0If%2Ff79%2F%2F5C%2BkP9ITUhbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABodGh6JwYnPlPeU%2F4fTh%2F97l3vGBwcHBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFxcXGFx%2BXIOUwpTqOz47SAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvNS9CirGK73aVdtNcbVyVQUlBWyMkIygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABZZFl4isCK8n%2FFf%2F%2BCt4L%2FiLWI%2F4yzjP%2BOr47xLzcvRQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAREBJbbVuIkceR%2F4HKgf9%2Byn7%2Ff8d%2F%2F3%2FAf%2F9%2BuX7%2FibiJ%2F11rXYoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgJCAmjtKO%2B3%2FSf%2F9%2Fyn%2F%2Ff8x%2F%2F3%2FNf%2F9%2FzX%2F%2Ff8R%2F%2F4a3hv9ecF6cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgICHWvdcaE5oT%2Ff9F%2F%2F3%2FMf%2F9%2FzH%2F%2Ff81%2F%2F3%2FGf%2F%2BEt4T%2FgJmA1QAAAAAXFxcaNT81TiEmITQAAAAAAAAAAAAAAABdgF2Oh%2BeH%2F3%2FTf%2F9%2FzH%2F%2Ff8t%2F%2F3%2FMf%2F9%2Fy3%2F%2FfL18%2F463jv12h3agfKB83o%2FAj%2F%2BVtpX4AAAAAAAAAAAAAAAANUY1So7ojv9%2B137%2Ff9N%2F%2F3%2FPf%2F9%2Fy3%2F%2Ffch9%2F4nPif94mXi%2Bh8WH6YbYhv98vHz%2Flr2W%2FyQkJCpCTUJpOEU4Zmt8a5Wh7KH%2FheaF%2F4Xmhf%2BA3ID%2Ffcp9%2F43Qjf%2BBnYG%2FDw8PD1F4UYOP84%2F%2Fi9KL%2F3qaetx0nHS8ks%2BS%2F4a0hv%2BZwJn%2FV2dXe0djR21zrXPDiN6I%2B5Lgkv%2BEnoTDFRUVFQAAAAAcIBwhjM6M45bdlv9PW09zbaBttZPzk%2F%2BPzI%2F%2Fj7qP%2FzY8Nk8AAAAAAQEBATA9MEJbcVt%2BGhgaGwAAAAAAAAAAAAAAABseGyEnMSc3AgICAjE8MUCR4pH1kO6Q%2F5rKmv87PjtKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMj4yQnGlcbVqhWqdCAcICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4H8AAOB%2FAADgfwAA8P8AAPgfAADwDwAAwA8AAMAPAADACAAA4AAAAOAAAAAAAAAAABAAAAQ4AAAH%2FwAAh%2F8AAA%3D%3D</Image> 
  6. 		  <InputEncoding>UTF-8</InputEncoding> 
  7. 		  <Url type="text/html" template="http://www.google.com.tw/cse?cx=partner-pub-0694222449690045%3Aftc9jjgbn84&amp;"> 
  8. 		    <Param name="q" value="{searchTerms}"/> 
  9. 		    </Url> 
  10. 		</OpenSearchDescription> 

以下為您要改的部份

  1. shortName:改成你網站名字吧
  2. image:下面在解釋這長長一串是啥鬼
  3. searchForm:就是把剛剛搜尋結果頁面的q後面字串都幹掉後貼上來就對了(&符號請改用&amp;)
  4. Url後的template也改的和上面網址一樣

 

在這裡的圖是使用base64編碼的,所以image是長長的一串,不知道怎麼編碼?很簡單到這網站【圖片轉base64】就好啦,把base64打勾後圖選給它,就會幫你轉好了,然後在整串貼到image裡面

 

到這裡你的XML就打造好了,我們只要在頁面的head標籤內加上以下兩條宣告即可


  1. 		<link rel="search" type="application/opensearchdescription+xml" title="demoshop" href="demo.xml" /> 
  2. 		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
  1. title:表示新增時候的名字(與新增後不一樣...)
  2. href:為你xml放置的路徑,如果可以就直接丟到根目錄比較穩啦

如果您搜尋錯誤的話就改xml的內容即可,如果無法新增就表示您的head宣告沒打好

回應討論