[Blogger] Google Custom Search Box gadget for Blooger

這東西其實出來蠻久了，最近趁著在修改自己的版型順便加上去。

在 Blogger 上安裝步驟很簡單。

首先，到 Blogger 的後台，版面配置 –> 網頁元素那裡去新增小工具

找到搜尋框這個小工具，按下加入。

然後你可以設定這個搜尋框，顯示哪些搜尋的資料，如果你有使用網誌清單或連結清單的小工具，可以設定進搜尋的項目。

搜尋的結果會以頁籤的方式顯示在你的網誌的最上方，按可以關閉搜尋結果。

最後我是用 CCS 把這個搜尋框整合進原來的版型。

#CustomSearch1 {} 搜尋框的 id

#CustomSearch1 .gsc-input {} 文字輸入的框

#CustomSearch1 .gsc-search-button {} 搜尋的按鈕

除了搜尋框可以用 CCS 改樣式外，也可以改變搜尋結果那個框的樣式。

記得勾選：

找到 <b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'>

其中這個 CustomSearch1 的 id 就是上面用來改搜尋框的 id

往下再搜尋 <!-- override gsearch.css –>

底下會有一堆 CSS 可以改，那就是用來改搜尋結果那個框的。

我沒有大改，只加了一個 #uds-searchControl { font-size: 14px; } 把字加大而已。

弱格吉米言