Blogger 自製真正的站內搜尋小工具﹍以日期排列

前陣子接到一個需求,希望 Blogger 搜尋結果能以日期排列。這個要求乍聽之下不太瞭解用意,一般來說,搜尋結果會依照 "關聯性" 來排列,對訪客而言,應該會希望越相關的文章,排越前面才對啊? 不過由於案主是人氣很高的美食旅遊部落格,文章數量很多,她表示希...
繼續閱讀全文Blogger 最強搜尋框工具﹍(2) 安裝 Ajax 動態載入

要安裝這個「Ajax 搜尋框」工具,請務必先完成上一篇「 自製搜尋頁面 」的流程,這樣搜尋結果的版面才會美觀。 第一階段完成後,本篇要把「官方導覽列搜尋框」搬到側邊欄,並加上 "Ajax 動態載入" 的搜尋結果畫面。 點此看範例網頁 (圖片出處: p...
繼續閱讀全文Blogger 最強搜尋框工具﹍(1) 自製搜尋頁面

過去曾介紹讀者使用「 Google 自訂搜尋 」來當作站內搜尋的工具,其原因在「 取代 Blogger 搜尋小工具﹍Google 自訂搜尋 」說明得很詳細,主要是「Google 自訂搜尋(以下簡稱 CSE : Custom Search Engine)」可動態載入搜尋結果、執行速...
繼續閱讀全文Google 自訂搜尋改良版__兩欄式更方便 (Blogger 專用)

在部落格設置搜尋框功能時,最佳選擇一定是「Google 自訂搜尋」。為何 Blogger 官方搜尋小工具不建議使用,原因在「 新版 Google 自訂搜尋 」有詳述,最主要的因素為, 這個官方工具並非使用 Google 搜尋引擎,導致搜尋結果不佳。 不過 Blogger 官方...
繼續閱讀全文404 錯誤頁面的友善設計__(2) 提供最佳建議網址 [加值文章]
![404 錯誤頁面的友善設計__(2) 提供最佳建議網址 [加值文章]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosKVSikBl2U2rt0IaM8E3k3lakNvLf_zNrJGgW_J2mzEx3dBxmz4pcm4t1SxBFPjjoguaTnkd56QedKoFT8BUwTMBWrTIDUJZ__dpNy-Ahz0Cht8PVyL12rWdFt6sQf_5e0pkFLWiEmn_/s1600/error-404-page.jpg)
這是系列文的第二篇,請務必先看完第一篇「 404頁面原理 」,了解最佳 404 頁面如何設計、如何找出錯誤頁面原本的正確網址及範例、先行安裝 Google 自訂搜尋等等。 完成準備動作後,本篇將說明如何安裝程式碼,以及版面設計可以自訂之處。 << 請注意!本...
繼續閱讀全文404 錯誤頁面的友善設計__(1) 安裝 Google 自訂搜尋

當網址字串有誤時,伺服器會傳回 404 錯誤訊息,表示網址頁面找不到。為了不讓訪客流失,這些錯誤網址是在什麼原因下產生、如何設計 404 頁面,都是值得站長們深入研究的主題。 本文將會分析 404 頁面的相關事宜,並抽絲剝繭找出 404 頁面的最佳設計方式,及提供達成這種設計...
繼續閱讀全文在Blogger導覽列安裝搜尋框__Google自訂搜尋+語音功能

(Pic from: design.oneter.com ) 在這篇「 Blogger 如何安裝兩個導覽列? 」留言 #7 詢問「 有沒有辦法將google的搜尋框直接放到浮動的導覽列上? 」。當時我回答「 按照 " 密技!在 Blogger 水平功能選單使用語法產生...
繼續閱讀全文[教學]取代 Blogger 搜尋小工具__新版「Google 自訂搜尋」
![[教學]取代 Blogger 搜尋小工具__新版「Google 自訂搜尋」](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOkWwUlFuL8UqeZzS5dZxQPDaCuYhrVHeoBlwLC9zwiewmLLCRTl3vkt-rF7idIxiOd7yNZe6ve55XVsIRbqLDnHlqjblt_T5ZfhWFk72nqtaIVYniZPd8DqP9hZqy-qkv0iOfVkyv9UYL/s1600/google-custom-search.jpg)
2016.1.8 公告: 使用「Google 自訂搜尋」若覺得載入速度比較慢,可安裝這個「 Blogger 最強搜尋框工具 」。 最近使用 Blogger 官方的「搜尋框」小工具時,忽然發現所有的字串搜尋都顯示 "沒有結果"!於是逛了一下別的 Blogge...
繼續閱讀全文