♣为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>
色彩斑斓
The sky of Daemon!
Avalon the Origin of Evil
Allan Kelven's Blog
望月的博客
禾草唐楷
未寺客博客
GG派