blogger分页–我使用中的blogger优化

也算是我们国人的习惯，不太喜欢点下一页，而喜欢看着几页几页点，

我们来看，首先需要确认，你的 Blogger 博客只有使用”布局（Layout）”才可以外使用这个功能。

打开 Blogger 控制台，进入”布局”标签后，添加一个小工具”HTML/JavaScript”，输入如下的代码：

<style>

.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;

}

.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;

}

.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;

}

.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

</style>

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = “http://cjx.org.ru/”;

var isLablePage = thisUrl.indexOf(“/search/label/”)!=-1;

var isPage = thisUrl.indexOf(“/search?updated”)!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(“/search/label/”)+14,thisUrl.length) : “”;

thisLable = thisLable.indexOf(“?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(“?”)) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= ”;

var upPageHtml =”;

var downPageHtml =”;

var pageCount=8;

var displayPageNum=3;

var firstPageWord = ‘首页’;

var endPageWord = ‘末页’;

var upPageWord =’上一页’;

var downPageWord =’下一页’;

var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’+thisLable+’?&max-results=’+pageCount+'”>’;

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=”){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

postNum++;

htmlMap[htmlMap.length] = ‘/search/label/’+thisLable+’?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;

}

}//end if(post.category){

itemCount++;

}

}else{

if(title!=”){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

if(title!=”) postNum++;

htmlMap[htmlMap.length] = ‘/search?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;

}

itemCount++;

}

for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>’;

}else{

upPageHtml = ‘<span class=”showpage”><a href=”/”>’+ upPageWord +'</a></span>’;

}

}else{

upPageHtml = ‘<span class=”showpage”><a href=”‘+htmlMap[p]+'”>’+ upPageWord +'</a></span>’;

}

fFlag++;

}

if(p==(thisNum-1)){

html += ‘ <span class=”showpagePoint”><u>’+thisNum+'</u></span>’;

}else{

if(p==0){

if(isLablePage){

html = labelHtml+’1</a></span>’;

}else{

html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’;

}

}else{

html += ‘<span class=”showpageNum”><a href=”‘+htmlMap[p]+'”>’+ (p+1) +'</a></span>’;

}

if(eFlag ==0 && p == thisNum){

downPageHtml = ‘<span class=”showpage”> <a href=”‘+htmlMap[p]+'”>’+ downPageWord +'</a></span>’;

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

if(!isLablePage){

html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘;

}else{

html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘;

}

html = ‘<div class=”showpageArea”><span style=”font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;” class=”showpage”>第’+thisNum+’页,共’+(postNum-1)+’页: </span>’+html;

if(thisNum<(postNum-1)){

html += downPageHtml;

html += ‘<span class=”showpage”><a href=”‘+htmlMap[htmlMap.length-1]+'”>’+endPageWord+'</a></span>’;

}

if(postNum==1) postNum++;

html += ‘</div>’;

if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName(“pageArea”);

var blogPager = document.getElementById(“blog-pager”);

if(postNum <= 2){

html =”;

}

for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}

if(pageArea&&pageArea.length>0){

html =”;

}

if(blogPager){

blogPager.innerHTML = html;

}

</script>

<div style=”text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;”> <a href=”http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html”>Grab this Widget ~ Blogger Accessories</a></div>

把这些代码粘贴进这个 Widget 之中后，可能并没有完成。

1. 如果你没有使用默认分配的 yourname.blogspot.com 而是自定义域，那么你需要修改一下这个段落：

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==”.blogspot.com/”;

代码用来判断当前页面是否为首页，你可以直接改为：

var isFirstPage = “http://www.yourname.com/”;

2. 代码中的这些段落可以自行修改：

var pageCount = 5;

这代表了每个页面中文章的数量；这并不一定要与控制台”格式设置”中的”x个帖子在主页上”一致。

var displayPageNum = 3;

代表每次列出的页面数量，默认是 3 个。

这种办法方便简单，适合大家使用，要修改也快，