2006-11-03

增加站內的全文搜尋

拿 Blog 來當作筆記,關鍵字搜尋就變成很重要的功能之一。在 Blogger 裡面的 Navbar 上面也內建了這個功能,但如果你和我一樣不喜歡 Navbar 拿掉了,怎麼在Slide-bar 裡加上搜尋的能力呢?

參考了幾篇文章,首先是 Navbar 上 "SEARCH THIS BLOG" 的功能搬進來,在 Sidebar 上面增加一個網頁元素 (Page element),接下來是再調整搜尋的結果,讓符合條件的文章只列標題,這樣比較一目了然。登入管理模式,再到樣版->網頁元素的頁面下,Sidebar 的區域加入一個網頁元素,選擇 HTML/JavaScript 元件,內容如下:

<form id="searchthis" action="http://abintech.blogspot.com/search" method="get">
<input id="query" maxlength="255" name="q" type="text"/>
<input id="searchbtn" value="搜尋" type="submit"/>
</form>

只有第一行要修改指定自己的 Blog 網址,第二、三行裡面可以使用 CSS style 參數來定製自己搜尋用的表單元件的外觀,像是大小顏色和邊框,依據自己 Blog 的樣版配色去調整。不過呢,據我實測的結果,這個所謂的站內全文搜尋,對中文的支援能力似乎不好,英文關鍵字卻可以百發百中,看來,文章裡我要多加點英文關鍵字,要找的話儘量用英文來找,這樣比較找得到~

參考文章:
Blogger / blogspot Beta 側邊加內建的文章搜尋
如何为Blogger Beta增加站内搜索功能

回應: 2

Célia 提到...

謝謝你六七年前的資訊~"~
現在都已經有google自訂搜尋出的小工具了
我居然不能用
他永遠都顯示"loading..."
我用你的code就成功了,顯示出那個小工具原本應該呈現的
真是無言
總之謝謝你了 :)

Unknown 提到...

回樓上,你的顯示 "loading..." 畫面是否只出現在 Chrome 瀏覽器?如果是的話,其實把 Chrome 瀏覽器更新到最新版應該就可以解決了。

張貼留言

歡迎留言或發表意見,不過要理性不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言、和本文無關的回應可能會被直接刪除無視喔!