♣为blogspot增加文章分页功能

首先要感谢来自台湾的Mr.J 雜學 無所不學
使用方法:
1.在“模版”的“页面元素”里随便添加一个“HTML/JavaScript元素”
把下面的代码复制进去保存即可。
2.修改 pageCount =5 ,填入你目前所設定好的每页显示文章數量


<style type="text/css">
.showpageCount A{margin:0 7px 0 7px;text-decoration: none;FONT-SIZE: 14px; COLOR: #000}
.showpageCount A:link {text-decoration: none;COLOR: #000}
.showpageCount A:hover {COLOR: #999}
</style>

<script>
function showpageCount(json) {

var postNum=1;
var thisUrl = location.href;
var htmlArray = new Array();
var htmlMap = new Array();
var htmlPoint = 1;
var startPoint = 0;

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var endPageHtml = '';
var pageCount=5; //每頁筆數
var displayPageNum=10; //最多顯示幾個分頁
var firstPageWord = "第一頁"; //顯示第一頁的文字
var endPageWord = "最後一頁"; //顯示最後一頁的文字
var upPageWord ='上一頁';
var downPageWord ='下一頁';


for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp=post.published.$t.substr(0,10);
timestamp = timestamp.replace(":","%3B").replace(":","%3B").replace(":","%3B").replace("+","%2B");

if(i==0 (i % pageCount ==0)){
if(thisUrl.indexOf(timestamp)==-1 ){
if(isFirstPage && i==0){
htmlArray.push('<span style="MARGIN: 0px 5px;font-size:14;color:#999;"><u>'+postNum+'</u></span>');
}else{
htmlArray.push('<span class="showpageCount"><a href="http://www.blogger.com/search?updated-max=" results="'+pageCount+'">'+postNum+'</a></span>');
}
postNum++;
}else{
htmlPoint = postNum;
htmlArray.push('<span style="MARGIN: 0px 5px;font-size:14;color:#999;"><u>'+postNum+'</u></span>');
postNum++;
}

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
endPageHtml ='<span class="showpageCount"><a href="http://www.blogger.com/search?updated-max=" results="'+pageCount+'"> '+endPageWord+'</a></span>';
}
}

for(var p =0;p<>=(htmlPoint-displayPageNum-1) && p<(htmlPoint+displayPageNum-2)){ if(fFlag ==0 && p == htmlPoint-2){ upPageHtml = '<span class="showpageCount"><a href="http://www.blogger.com/">'+ upPageWord +' </a></span>';
fFlag++;
}

if(eFlag ==0 && p == htmlPoint){
downPageHtml = '<span class="showpageCount"><a href="http://www.blogger.com/"> '+ downPageWord +'</a></span> ';
eFlag++;
}

if(p>=(htmlPoint-2)){
html += htmlArray[p];
}

}
}

if(htmlPoint>1){
html = '
<span class="showpageCount"><a href="http://www.blogger.com/">'+ firstPageWord +' </a></span>'+upPageHtml+html;
html += ' ';
}

if(htmlPoint<(postNum-1)){ html += downPageHtml; html += endPageHtml; } if(postNum==1) postNum++; html += ' ('+htmlPoint+'/'+(postNum-1)+')'; html += ' '; if((!isLablePage && isPage) isFirstPage ){ document.getElementById("blog-pager").innerHTML = html; } } </script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=9999" type="text/javascript"></script>

5 Comments:

此人极度凶悍 said...

测试

DangerBOY said...

Mr.J那个倒是可以。
你这个怎么没有办法用?

笑比黄河清 said...

我复制了。不能用啊。代码乱了。

匿名 said...

http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-menu-widget-for-blogger.html

johnny chan said...

我也测试了,你的这段确实不能用。

 
此人极度凶悍| 后台