Blogger 小技巧推薦 (筆記)

(Pic from: corrupteddevelopment.com, Jeremybennett Sticky Note Pad And Pencil clip art)

讓版面美觀

◎ 隱藏 Blogger 導覽列：「How to remove the Blogger Nav bar?」
應該沒多少站長不想隱藏 Blogger 上方的導覽列吧？這個網頁的語法是最最簡單又有效的一個。

2013.4.13 修訂

由於 Blogger 已經修改程式碼，現在要隱藏導覽列有更簡單方便的介面，請參考這個「Blogger中文社群討論串」

◎ 標籤/搜尋頁面只列出標題：「Abin's Tech Note──標籤/搜尋頁面只列出標題 (Simplify the result of label and search)」
這個技巧有利有弊，缺點是如果從文章標題不容易判斷內容是否值得一讀的話，對我們網站不熟的訪客可能選擇離開，所以可能會流失網站閱覽率，畢竟有文章摘要比較好判斷是否要閱讀這篇文章，就像提供試吃的產品銷路會比較好；但是文章標題如果下得精確，能把所有要點全標示出來，這個技巧反而能讓同一頁面顯示更多文章數，同時也節省了訪客的搜尋時間，對雙方都有好處；所以，就看站長的抉擇了。

◎ "標籤/搜尋頁面"能切換標題模式與文摘模式：「WFU BLOG──讓"Blogger標籤/搜尋頁面"能隨時切換標題模式與文摘模式」
這個 hack 解決了 Abin 版本的難處，訪客能保持「文摘模式」，也能隨時切換到「標題模式」。

◎ 文章當成展示(DEMO)頁面：「WFU BLOG──讓 Blogger 有快速載入的展示(DEMO)頁面」
Blogger 只要開一篇新文章，就能當成展示頁面的安裝語法。

◎ 將動態檢視用在標籤連結：「Blogger 中文社群討論串──將動態檢視用在標籤連結」


◎ 隨機標頭圖片：「WFU BLOG──隨機顯示 Blogger 標頭(banner)圖片」

◎ 改標頭圖案：「發現生活的價值──變更 Blogger 的標頭樣式及圖案」

◎ 改文章標題字體、字型、顏色：「修改 Blogger 各處 CSS(文章標題+內文+其他)，以字型大小顏色舉例」

◎ 自動加圖示的連結清單：「Gormit's 原型製作──自動加圖示的連結清單」

◎ 依據不同作業系統設定較美觀的字型：「網頁中英文字型跨平台設定最佳化」

◎ 調整網頁字體大小的按鈕：「調整網頁字體大小的按鈕」

◎ 使用特定中文字型：「 Blogger中文社群討論串」

水平功能選單("網頁"小工具)

◎ 功能選單浮動置頂：「WFU BLOG──讓部落格導覽列選單能浮動置頂」

◎ 功能選單加入額外分頁：「0 與 1 謎詭世界──Blogger Pages分頁功能讓您輕鬆有個導覽列」

◎ 下拉選單-1：「Blogger 下拉式選單」
◎ 下拉選單-2：「凱特打結該該叫──在blogger建立下拉式導覽列」
◎ 下拉選單-3：「「WFU BLOG──Blogger導覽列下拉選單__安裝懶人包」」

增加系統運作效率

◎ 加速 Blog 讀取速度：「I am here.──加速(Speed UP)你的Blog讀取速度 - 更新 I am here. 心得分享！」
這個網頁整理出來所有加速 Blog 讀取速度的技巧、觀念與相關網站，不但滿簡單易懂還滿詳細的，非常值得一讀。

◎ 圖片延遲載入外掛 Lazy Load：「WFU BLOG──圖片延遲載入外掛 Lazy Load__Blogger 最佳安裝方式」

疑難雜症

◎ 按「讚」抓不到內文-1：「弱格吉米言──分享到 Facebook 卻發現文字抓錯？」
◎ 按「讚」抓不到內文-2：「0 與 1 謎詭世界── Facebook 摘文與 meta content 的關係」
◎ 按「讚」抓不到正確的圖：「弱格吉米言──分享到 Facebook 卻發現圖抓錯？Facebook Like Button and Open Graph protocol」
以上三個都是在 Blogger 按「讚」，在 facebook 無法正確顯示自己想要呈現的資料時的 debug 過程。因為這個現象並非單一原因造成的，如果站長也遇上這個問題，可到以上網址尋找解答；如果還找不到，建議連留言一起閱讀，留言區有很多人分享自己的經驗。

其他技巧

◎ 首頁公佈欄：「WFU BLOG──首頁公佈欄實作」
首頁才展開公佈欄內容，其他頁面不展開內容，但有展開的按鈕。

◎ 製作有上下捲軸的公佈欄：「0 與 1 謎詭世界──製作有上下捲軸的公佈欄」
如果不知道以上兩個技巧，發的公告文沒多久就會被新文章擠到後面去；因此製作置頂公告欄的技巧不可不知。

◎ 另一個置頂公告的技巧：在側邊欄新增一個要顯示公告小工具，例如用「HTML/JavaScript」，將這個工具的位置移到最上方，就是現成的置頂公告，還可以用圖片、語法裝飾一下這個公告。效果可參考「A Casual Place」如下圖紅圈的部分──


◎ 隱藏 Blogger 小工具的標題：「Blog語法研究室──如何隱藏Blogger小工具的標題」

◎ Blogger 轉換網址的解決方法：「WFU BLOG──Blogger 自動轉換區域網址的影響及因應之道」

◎ 較新/較舊文章按鈕：「WFU BLOG──Blogger 較新/較舊文章按鈕改造__(一)顯示文章標題」


筆記增補時間請見下方更新時間。

Blogger 相關筆記：