2010年12月19日 星期日

[Blogger]加上數字分頁效果6步驟

在Blogger的系統中,如果首頁文章超過指定數量,就會出現「較舊的文章」連結,方便使用者透閱覽比較早期的文章,可是這樣的連結卻無法了解這個網站到底有多少的文章?一直往舊文章慢慢爬,感覺像是跳進無底洞一樣。如果你有這種感覺,或許你可以考慮把連結數字化,就像閱讀論壇文章一樣,往下一頁都是數字顯示,讓人對此網站內容量一目了然。

Blogger系統預設沒有數字化按鈕,不過倒是有網友透過一些Javascript去達成這樣的效果,讓功能陽春的分頁按鈕更添一些不一樣的感覺,看膩了「較舊的文章」連結嗎?那就來添加這個Blogger數字化的分頁按鈕吧!

第1步 想要讓Blogger有數字分頁效果,首先讓我們來到Blogger後台,點擊﹝設定﹞→﹝格式﹞,進入後在「最多顯示」部分輸入您網誌一個頁面要顯示的文章數量,在此設定「5」篇當作本次測試範例。




第2步 因為語法過長,所以請先下載語法檔案,請使用筆記本開啟,找到檔案內的變數設定,如下的語法,您可以做個人化的設定。其中要注意的是「pageCount」這個變數,他的設定值要和本教學第2步驟中所設定的數字是相同的,否則文章會漏掉顯示。

第3步 當語法修改完畢後,請來到Blogger後台,點擊﹝設定﹞→﹝網頁元素﹞,然後在側邊欄的區域中,點擊「新增小工具」。




第4步 請選擇新增「HTML/JavaScript」的小工具。

第5步 將編輯器切換到「修改HTML」模式,然後再把剛剛修改好的語法貼上內容區塊中,並點擊﹝儲存﹞即可。


第6步 最後你就會在網誌的下方看見數字分頁按鈕了唷!

沒有留言:

張貼留言