Latest Posts

讓Blogger有跳頁分頁功能

By October 02, 2010

讓Blogger有跳頁的分頁功能(樣式如網誌下方的頁數選擇)
我覺得這是我試過最簡單的分頁功能設定

2013/05/27更新 如果怎麼用出現的都是「init...」/「init...」「GO」,請下載檔案上傳至自己的空間,並修改紅色部分位置

1.管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾
2.Ctrl+F搜尋 <b:include name='nextprev'/> 並且用以下程式碼取代,會直接取代下方的『較舊、較新、首頁』連結

<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>
<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">
var blogID = "123456789";
var home_page = "http://www.xavierliu.com/";
var pager_max_main = 10;
var pager_first_text = "第一頁";
var pager_last_text = "最末頁";
var pager_prev_text = "上一頁";
var pager_next_text = "下一頁";
</script>
<script src="http://sites.google.com/site/xavierliu123/Home/blogger_pager_script_v20.txt"
type="text/javascript"></script>
</b:if>

3.最重要的部份,假如沒辦法顯示通常是這裡有問題
var blogID:輸入你的blogID (數字,網址列上最後有blogID=XXXX)
var home_page:填入部落格網址
var pager_max_main:每頁顯示幾篇文章(要與網誌設定相同→後台『設定』→『格式』)
以下部分可以自行修改相關對應文字
var pager_first_text = "第一頁";
var pager_last_text = "最末頁";
var pager_prev_text = "上一頁";
var pager_next_text = "下一頁";

參考文章 Xavier's nOte

【補充】
若是希望能在文章內仍顯示較新較舊,首頁顯示跳頁功能,就不要取代直接將分頁code貼在 <b:include name='nextprev'/> 下面,並在 <b:include name='nextprev'/> 前後加上下列紅色code
  <b:if cond='data:blog.pageType == &quot;item&quot;'>  <b:include name='nextprev'/>
  </b:if>

這篇文章對您有幫助嗎?

You Might Also Like

0 意見