幫部落格加上「站內搜尋」

[via]

網誌文章一多，如果突然要找個資料，網誌內沒有自己的「站內搜尋」實在是有點麻煩！最近整修了網誌，像是多了跟文章整合的日曆、把條列式的標籤變成標籤雲還有就是這個站內搜尋。

其實Google就有提供客製化的搜尋引擎，之前也是用這個方法，不過就是...醜了點，哈哈！而且效率不怎麼好阿，常常找不到想要的東西，也不知道為什麼@@ 不過這邊要介紹的也是Google的搜尋引擎，只不過不是用他提供的程式碼，而只是用了他的「核心」，其他版面等等就可以自己隨心所欲的設定啦！

程式碼如下：

<form method="get" action="http://www.google.com/search">
<input type="text" name="q" size="32" maxlength="255" value="">
<input type="hidden" name="sitesearch" value="ruanpa-info.blogspot.com">
<input type="submit" name="btnG" value="Google search">
</form>

把他複製下來，紅色字部份改成自己的網誌位址就ok了！當然這只是HTML部份，CSS就要自己另外設定啦！

CSS設定就看這邊，如果想要讓你的搜尋欄裡面預設會出現字，可以加上下面的程式碼：

<input type="text" name="文字框名稱" size="長度" onfocus="if (this.value=='消去時的提示文字') this.value='';" onblur="if (this.value=='') this.value='無文字輸入時的提示文字';" value="提示文字" />

其中的「長度」就是搜尋框的長度，可以依自己喜好設定，範例如下：



簡單又好用的搜尋引擎，趕快動手做一個吧！

⊙ 文字輸入框內的提示文字
⊙ 內嵌搜尋引擎來做 Blog 的全文搜尋 (Blog Search)