有跳页功能的分页效果

     实现如下入所示：

     如果看不到图片，可以查看XAVIER'S NOTE的空间。  
     步骤1:备份自己的模板。
     步骤2:搜索<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 = "6742687186108926156";
var home_page = "http://www.zhaobo.tk/";
var pager_max_main = 7;
var pager_first_text = "第一页";
var pager_last_text = "最末页";
var pager_prev_text = "上一页";
var pager_next_text = "下一页"; </script>
<script src="http://page-number-pack.googlecode.com/files/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>
红色 最重要的部分，加入没办法显示通常是这里的问题
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可以自己下载保存到自己的空间。
原文转自XAVIER'S NOTE的空间

本文地址：https://hebzhb.blogspot.com/2010/12/ceshi.html 原创文章如转载，请注明链接： 转自Boleyn Inn