2012年4月30日

文章列表+「讚」統計(依日期排列)

A+

(Pic from: iconfinder.com, iconpng.com, iconarchive.com)
2016.4.8 公告:因 Google Drive 外連失效,請勿使用本篇的程式碼,請改用新版「Blogger 文章列表 RWD 版﹍(3) 依日期排列+讚統計


自訂安裝篇

如果不需要自訂版面配置,那麼只需要依「簡易安裝」來安裝程式碼即可;而本篇則是列出可以修改版面配置的程式碼位置。

在「簡易安裝」的第一個 js 檔,作用為收集所有要印出的資料,第二個 js 檔則印出文章列表的表格,因此自訂安裝主要是改第二個 js 檔的內容。以下的內容可複製到文書處理軟體,將欲自訂的部分修改完後,依照同樣的步驟:新開一篇文章 → 複製修改後的程式碼貼上 → 存檔即完成。


J:印出年、月。

N:設定文章標題最大的寬度。可以根據自己的版型來改這裏的數值。

P:印出日期、文章標題。

T:預設超過 99 個讚顯示藍爆,以免出現三位數影響版面美觀。

U:印出預設「讚+分享按鈕」圖案、"讚"的數目。

以上大略簡單提一下,修改那個部分有問題請再留言。


注意事項:
  A. 貼上程式碼前,注意是否為「HTML」的編輯模式(而非 "撰寫" 的編輯模式)。
  B. 文章設定 → 「選項」 → 「撰寫模式」,注意是否為「解釋輸入的HTML」。

一點小提醒:

新開一篇文章插入大量的 javascript 後,以後若是編輯文章時,一些程式碼會亂掉,因此此類文章最好儲存後不要使用編輯功能。比較好的方法是原程式碼備份,直接在原程式碼編輯,編輯完再貼到文章裡,否則 javascript 的效果通常會失敗的!!

沒有留言:

↑TOP

張貼留言注意事項:

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