2012年4月21日

Blogger 小技巧推薦 (筆記)

A+

(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 中文社群討論串──將動態檢視用在標籤連結

讓 Blog 圖片等比例縮小:Tsai I-Ta’s Blog──讓 Blog 圖片等比例縮小
有些「比較爛」的瀏覽器,當圖片超過邊界時,不會自動判斷幫忙等比例縮小,這時就要靠這個精巧的小語法自力救濟了。

去除自動產生的圖片邊框:How to Remove Border Around Pictures in Blogger?
Blogger 在某些範本、某些設定下會自動產生圖片邊框,如果不想產生這些邊框的話,可參考此篇教學;一般範本、動態檢視範本的修改方法各有不同。

隨機標頭圖片:WFU BLOG──隨機顯示 Blogger 標頭(banner)圖片

改標頭圖案:發現生活的價值──變更 Blogger 的標頭樣式及圖案

改文章標題字體、字型、顏色:Blogspot How to: Change Post Title Font, Size & Color

自動加圖示的連結清單:Gormit's 原型製作──自動加圖示的連結清單

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

調整網頁字體大小的按鈕:+Mark X ── 調整網頁字體大小的按鈕

使用特定中文字型:+莊小示 ──  Blogger中文社群討論串



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

 功能選單浮動置頂:WFU BLOG──讓部落格導覽列選單能浮動置頂

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

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



增加系統運作效率

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

加快網頁載入速度:KF軟件工作室──網頁加速技巧2

圖片延遲載入外掛 Lazy LoadWFU BLOG──圖片延遲載入外掛 Lazy Load__Blogger 最佳安裝方式


疑難雜症

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

 讓搜尋引擎抓到正確內文的方法:NikoLu異想世界──只要兩個步驟,從此外部抓取部落格內文沒煩惱~


其他技巧

 首頁公佈欄:WFU BLOG──首頁公佈欄實作
首頁才展開公佈欄內容,其他頁面不展開內容,但有展開的按鈕。

 發佈網站置頂公告:Fun New Run High──如何在 blogger 加置頂的公告文?
 製作有上下捲軸的公佈欄:0 與 1 謎詭世界──製作有上下捲軸的公佈欄
如果不知道以上兩個技巧,發的公告文沒多久就會被新文章擠到後面去;因此製作置頂公告欄的技巧不可不知。

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


隱藏 Blogger 小工具的標題:Blog語法研究室──如何隱藏Blogger小工具的標題

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

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


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


Blogger 相關筆記:

8 則留言:

  1. <8911575915906278906>(以上內容請勿刪除,從括號之後開始留言)
    收到,不過一行文建議用推文 XD

    回覆刪除
  2. <6139761652578871102>(以上內容請勿刪除,從括號之後開始留言)
    如果已經登入google帳號, 我通常直接使用blogger留言板. 未登入才會寫到推文裡. 您的推文資料庫不是只能容納40萬筆嗎? 按完推推就一筆了, 再加上推文留言又一筆, 有種罪惡感... XD

    回覆刪除
  3. <6348523340239919262>(以上內容請勿刪除,從括號之後開始留言)哇~您想得滿遠的,感謝您的細心。不過放心推文吧,依照它累積的速度,要破萬得很久很久很久以後了~XD

    回覆刪除
  4. 我想請問我取消了google+社交圈, 只有Blogger, 有些網友google + blogger連接在一起, 我便不可留言了, 怎麼辦呢?

    回覆刪除
  5. <6890434691565015804>(以上內容請勿刪除,從括號之後開始留言)g+ 留言框一定要有 g+ 帳號才能留言啊,想留言就恢復 g+ 帳號吧!

    除非你請你的朋友安裝 g+ 留言框與 blogger 留言並存:http://wayne-fu.blogspot.tw/2013/09/blogger-gplus-comment-reminder-2.html

    回覆刪除
  6. 我沒學過程式
    依據您的文章想在邊框加上分頁
    結果分頁沒出現不打緊
    搜尋的小工具顯示不出來了...="=
    可以請您幫我看一下嗎?
    http://buxguo.blogspot.tw/

    回覆刪除
  7. <589884676307859798>(以上內容請勿刪除,從括號之後開始留言)請問你根據我哪篇文章加上分頁呢?不太懂你的意思,麻煩在該篇文章留言了。本篇文章找不到有我寫的分頁功能呢!(我寫過非常多個分頁工具喔~)

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。