Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]


Cấp bậc !
•Bang Chủ•
avatar
•Bang Chủ•

[KiNg]_[PiN]-BB


nhiều kiểu phân trang đẹp :7) cho Blogger. Hôm nay xin giới thiệu một
kiểu phân trang về cơ bản cũng khá giống với nhiều kiểu khác song hơi
khác một chút về cách cài đặt.

Trước khi cài đặt, bạn nên xem trang Demo.

Bước 1. Đăng nhập Blogger, vào chỉnh sửa Template. Đặt đoạn code css dưới đây vào trước dòng ]]>.
Code:


.showpageArea a {
text-decoration:underline;
background: #ffffff;
padding: 10px 10px 10px 10px;
font-size:11px;
font-weight:bold;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #9aafe5;
margin:0 1px;
padding:3px 4px;
}
.showpageNum a:hover {
border: 1px solid #9aafe5;
background-color:#33CCFF;
color:#fff;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #2e6ab1;
background: #2e6ab1;
margin:0 1px;
padding:3px 4px;
font-size:11px;
font-weight:bold;
}
.showpageOf {
text-decoration:none;
padding:3px 4px;
margin: 0 1px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #9aafe5;
padding:3px 4px;
}
.showpage a:hover {
text-decoration:none;
color: #33CCFF;
}

Bước 2. Đặt đoạn code dưới đây vào trước thẻ .

Code:

<script type='text/javascript'>
var [color=blue]pageCount=10[/color];
var [color=blue]displayPageNum=4[/color];
var upPageWord ='« [color=red]Prev[/color]';
var downPageWord ='[color=red]Next[/color] »';
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new
Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var
eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var
i=0,post;post=json.feed.entry[i];i++){var
timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var
 
title=post.title.$t;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+'&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){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">'+thisNum+'</span>'}else{if(p==0){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++}}}if(thisNum>1){html=''+upPageHtml+'
 '+html+' '}html='<div class="showpageArea" style="padding:10px 10px
10px 10px;"><span style="COLOR: #2e6ab1;" class="showpageOf"> [color=red]Total[/color]:
 
('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}function
 showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new
Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-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 labelHtml='<span
class="showpageNum"><a
href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var
 thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var
 
timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var
 
title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&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){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span
 class="showpage"><a
href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span
 
class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'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++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+'
 '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div
class="showpageArea"><span style="COLOR: #000;"
class="showpageOf"> Pages
('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}var
 home_page_url=location.href;var
thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var
 
lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var
 
lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var
 
home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script
 
src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"
 ><\/script>')}else{document.write('<script
src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999"
 ><\/script>')}}
//]]>
</script>
Tiếp theo bạn cần định cấu hình bài đăng trên trang chính là 10 bài
đăng. Vào Phần tử trang (Page Elements) >> Chỉnh sửa Bài đăng trên
Blog (Edit Blog Posts) chọn Số bài đăng trên trang chính là 10.

Tất nhiên bạn có thể thay đổi những con số theo ý thích của bạn. Ví dụ
nếu bạn đặt số bài đăng trên trang chính là 7 thì dòng var pageCount=5;
phải được đổi thành var pageCount=7;.

Hãy xây dựng diễn đàn cùng [KiNg]_[PiN]-BB bạn nhé !!!


Admin không phải cái gì cũng biết
Admin chỉ mở ra một cộng đồng để những người hiểu biết và mới biết, trao đổi học tập !
Mong Các bạn đừng đánh giá hay nói bất cứ một lời lẽ nào khích tướng OK...

Không Hay Đừng Nói Lời Cay Đắng

[*]Diễn đàn đẹp nhất với trình duyệt web Mozilla Firefox
[*]Còn với mấy loại còn lại chắc là thuộc dang diễn đàn tồi nhất !!!
Xem lý lịch thành viên http://a1k44.thptbatbat.com
Loading

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Have a free blog with Sosblogs
© 2012 A1K44BB
FM PunBB - Edit by HOàng Hải