有跳頁功能的分頁效果 - 部落格

By Annie
at 2009-04-14T18:12
at 2009-04-14T18:12
Table of Contents
這個blogger hack除了可以顯示上一頁,下一頁之外,還多了第一頁、最末頁和跳頁
功能,載入速度也不錯,不會有延遲的感覺,非常推薦大家使用。
使用教學:
網誌圖文版:
http://www.xavierliu.com/2009/04/blogger-page-menu.html
*步驟1 請先備份好模板
*步驟2 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾
*步驟3 搜尋 <b:include name='nextprev'/> 並且用以下程式碼取代
(不好意思,程式碼太長了貼不上來,所以請到blog上看)
上面有標出顏色的地方都可以自行修改
綠色 這個分頁的CSS,可按照自己blog風格自己修改,不會CSS的可以不要動
紅色 最重要的部份,假如沒辦法顯示通常是這裡有問題
var blogID:輸入你的blogID ( 數字 )
var home_page:填入部落格網址
var pager_max_main:每頁顯示幾篇文章,請跟你後台調成一樣的數字
以下部分可以自行修改相關對應文字
var pager_first_text = "第一頁";
var pager_last_text = "最末頁";
var pager_prev_text = "上一頁";
var pager_next_text = "下一頁";
深藍色 這個js檔案你可以直接用我上傳的,不過建議你下載下來備份,
哪怕哪天檔案掛了還可以自行上傳使用
*步驟4 儲存,到首頁去看成果吧!
--
http://www.xavierliu.com/
--
功能,載入速度也不錯,不會有延遲的感覺,非常推薦大家使用。
使用教學:
網誌圖文版:
http://www.xavierliu.com/2009/04/blogger-page-menu.html
*步驟1 請先備份好模板
*步驟2 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾
*步驟3 搜尋 <b:include name='nextprev'/> 並且用以下程式碼取代
(不好意思,程式碼太長了貼不上來,所以請到blog上看)
上面有標出顏色的地方都可以自行修改
綠色 這個分頁的CSS,可按照自己blog風格自己修改,不會CSS的可以不要動
紅色 最重要的部份,假如沒辦法顯示通常是這裡有問題
var blogID:輸入你的blogID ( 數字 )
var home_page:填入部落格網址
var pager_max_main:每頁顯示幾篇文章,請跟你後台調成一樣的數字
以下部分可以自行修改相關對應文字
var pager_first_text = "第一頁";
var pager_last_text = "最末頁";
var pager_prev_text = "上一頁";
var pager_next_text = "下一頁";
深藍色 這個js檔案你可以直接用我上傳的,不過建議你下載下來備份,
哪怕哪天檔案掛了還可以自行上傳使用
*步驟4 儲存,到首頁去看成果吧!
--
http://www.xavierliu.com/
--
Tags:
部落格
All Comments
Related Posts
如何擁有彩色標籤雲?

By Queena
at 2009-04-13T16:57
at 2009-04-13T16:57
懇請大家幫幫忙~

By Ophelia
at 2009-04-12T21:31
at 2009-04-12T21:31
如何將Blogger裡的一篇文章分成多頁?

By William
at 2009-04-12T18:39
at 2009-04-12T18:39
獎賞加碼!! 痞客邦使用行為調查之得獎名單

By Gary
at 2009-04-12T18:03
at 2009-04-12T18:03
hi5

By Suhail Hany
at 2009-04-12T16:55
at 2009-04-12T16:55