2012年5月30日

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

2014.12.17 公告:本文已有更新版,請前往「jQuery 圖片延遲載入﹍Lazy Load 安裝懶人包

若是圖片很多的部落格,非常有必要安裝 Lazy Load 這個圖片延遲載入的外掛,以改善網頁讀取的效能。相關的介紹網路上已經很多,可參考此篇文章「影像部落格必備外掛: Lazyload」。

不過為了這個功能在網路上奮戰了好久,一直沒有成功,也漸漸將此功能擱置。直到某天發現「布丁大」也有寫過相關文章,抱著姑且一試的心態,沒想到成功了!!於是趕緊研究一下到底布丁的安裝方式跟一般的安裝方式差別在哪裡。

以下大標題「一~三」為研究成功的過程,想直接安裝請跳至「四、最佳安裝方式」。


2012年5月10日

動態檢視 Blogger 文章列表__綜合安裝


(Pic from: designdownloader.com)
2016.4.9 公告:因 Google Drive 外連失效,請勿使用本篇的程式碼,請改用新版「Blogger 文章列表極速版﹍(1) 依日期排列


一、綜合安裝


2013.8.10 公告

由於近日存放在 Google Code 的 js 檔全部被刪除了,本文的外連 js 檔已改放到 Google Drive 空間。曾安裝過本文程式碼的讀者,請修改程式碼中的 js 檔連結。為了避免日後有其他意外,也建議讀者參考「取代 Google Code 外連 js 檔的選擇__Google Drive」,自行備份 js 檔並上傳到自己的 Google Drive 空間。



1. 安裝:

接續「上一篇」的五種文章列表排列方式,本篇要將全部的排列方式打包在一起,達到動態檢視的效果。請依照上一篇的安裝方式及注意事項,在選單標題列輸入的程式碼為以下:

動態檢視 Blogger 文章列表__簡易安裝


(Pic from: designdownloader.com)
2016.4.9 公告:因 Google Drive 外連失效,請勿使用本篇的程式碼,請改用新版「Blogger 文章列表極速版﹍(1) 依日期排列


動態檢視」代表在同樣的頁面(不重新整理頁面)下顯示動態的效果,比起整理頁面需要重新讀取一次全部的資料,動態檢視的執行不但流暢、又節省時間。「Blogger 文章列表+快速顯示"讚"統計」是將文章列表安裝在功能選單上的網頁,執行時當然必須重新整理頁面;本篇的內容為將文章列表使用「動態檢視」,讓執行效能再升級,而且動態檢視使用的 javascript 都是執行時才載入,並非使用預先載入的方式,完全不佔用系統資源。

2012年5月3日

WPS 推文系統 V2.0 簡易安裝及使用說明


(Pic from: Installation sous Linux : Autopackage, http://macin.wordpress.com)
簡易安裝》    《安裝最新推文》    《使用說明


一、簡介

有關功能部分的說明及版本的歷程,請見「WPS 部落格推文系統發佈網頁

安裝後,會在文末出現推文留言框,效果大致如下圖:




可前往展示網頁操作測試:



WPS 部落格推文系統發佈網頁


(Pic from: iconfinder.com)
◎ 簡介

推文系統的幾大特點──

1. 節省網頁空間:簡短的留言可使用推文功能,不必耗費一則留言的空間,具環保概念。
2. 留言速度快:不必重整頁面即可完成留言。
3. 索引清楚:每則推文都有樓層索引,不必費心細數五樓在哪。
4. 可推可噓:讓留言者明確表達正反意見。

2012年5月1日

交換連結

歡迎加入部落格交換連結,而交換連結放置的位置分為兩個層面,一個是側邊欄,另一個就是本網頁,區隔如下:

放置本站側邊欄的條件:

1. 因為側邊欄能見度高,因此也請把本站的交換連結放在貴站的側邊欄。如果把本站的連結放在網頁的底部,視同沒有放在側邊欄。

2. 希望是我有興趣、想要追蹤的主題,例如旅遊、美食、實用知識或技巧等,如果是商業網站或個人感想類似日記性質的部落格,個人可能比較沒有興趣。

2013.5.24 公告

交換連結活動,因友站連結已客滿,為了側邊欄版面美觀,故終止此活動。