作者barkleyc (嘎瓜)
看板Blog
标题[Blogger] 目前为止最完美的Blogger分页功能!
时间Tue May 4 18:49:25 2010
http://barkleyc.blogspot.com/2010/04/blogger.html
这是目前我用过许多blogger分页功能中，
bug最少的
分享给大家用看看
原文如下：
相信很多人都跟我一样，厌倦了blogger下方的「较旧的文章」、「较新的文章」，这一
直是blogger的小缺点之一。试过各种分页、跳页的外挂总是会遇到小问题，像是读取速
度过慢，或是点下去後会掉文等等。找了一整晚总算找到一个近乎完美的方法！
我的方法主要是参考Abu Farhan的「NUMBERED PAGE NAVIGATION FOR BLOGGER NEW
SCRIPT」。
（题外话，为了搜寻这功能，发现到原来blogger的分页外挂还有个小故事勒～）
方法如下：
Step 1 : Apply Style
1. 登入到 Blogger设定页，点选「版面配置」 > 「修改HTML」
2. 点选「展开小装置范本」
3. 找到：
]]></b:skin> 在
上方加入下列语法：
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
ps. 上方的语法是修改分页的样式，可以随自己喜好调整
ps. 也可以直接到Abu Farhan的网页，里头有其他的格式。
http://www.abu-farhan.com/2009/12/six-style-page-navigation-for-blogger/
Step 2 : Aplly Javascript
1. 找到
</body> ，在其
上方加入语法：
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=
X;
var numshowpage=
Y;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script
src='
http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js'
type='text/javascript'></script>
注意：
X 请修改为「每一页想出现的文章数」
Y 请修改为「想要出现的分页按钮数」
Step 3 : Customize Label
1. 找到
所有的
'data:label.url' （应该会有三个左右）
2. 通通
用 'data:label.url + "?&max-results=X "' 取代
3. 一样，上面那行的
X 请修改为「每一页想出现的文章数」
4. 存档收工！
--------------------------------------------------------------------
笔记
在这个外挂中，个人遇到一点小问题。
我在上方自行加入的导览列，是直接使用标签的网址编辑。
假如直接套用这个外挂，会造成文章分页错乱，进而导致许多文章会消失。但我又发现点
选标签时却又不会错乱，原因何在呢？
仔细一看，标签的网址是
http://barkleyc.blogspot.com/search/label/兰屿
?&max-results=5
而我自己在上方加入的导览页的网址却是
http://barkleyc.blogspot.com/search/label/兰屿
少了
?&max-results=5 这几个关键字！
因此，如果要跟我一样在上方加入导览列时，语法就不能单纯只是把网址贴入，
必须加入?&max-results=5
才可以正确显示。
例如：
<li>
<a href='
http://barkleyc.blogspot.com/search/label/兰屿?&max-results=X '>
兰屿
</a>
</li>
一样，上面那行的 X 请修改为「每一页想出现的文章数」
------------------------------------------------------------------------------
其实这方法还是有一点点小缺陷，如MKnight这篇文章所提到的：
a、 Firefox 内建的「回前一页」无法重现之前阅读的页数
b、各浏览器里对其他页数另开视窗都无法成功翻页。这是为突破文章数 500 并保持语码
快速所须做的让步。
不过我想这应该还是目前最好用的方法啦～只要不掉页，这些小问题都不是问题XD
--
█ █ ███
█ █ █ ████ ████ ████ ████
█ █ █ █ █ █ █ █ █ █
█ █ █ █ █ ████ █ █ █ █
█ █ ██ █████ █ █████ █ █
█ Ｘ Japan THE LAST LIVE ▉▊▋▌▍▎▏ http://barkleyc.blogspot.com/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.135.220.51
1F：推 Yenshing:火箭没季後赛，所以把心思放在blog上吗XD 05/04 19:30
2F：→ barkleyc:......被楼上发现了 冏 05/04 19:46
※ 编辑: barkleyc 来自: 114.24.157.201 (07/06 04:05)