Phân trang cho blog

Bước 1. Đăng nhập vào Blog, chọn Template
»  Edit HTML:

Bước 2. Nhấn chuột vào bên trong khung chỉnh sửa mã nguồn rồi nhấn CTRL +
F, nhập vào ô tìm kiếm mã: ]]></b:skin>

Copy đoạn mã bên dưới thêm vào phía trước ]]></b:skin>:
.blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;} .displaypageNum a:hover,.showpage a:hover,

Bước 1. Đăng nhập vào Blog, chọn Template
»  Edit HTML:

Bước 2. Nhấn chuột vào bên trong khung chỉnh sửa mã nguồn rồi nhấn CTRL +
F, nhập vào ô tìm kiếm mã:

view plaincopy to clipboardprint?

1. ]]></b:skin>  

]]></b:skin>

Copy đoạn mã bên dưới thêm vào phía trước ]]></b:skin> :

view plaincopy to clipboardprint?

1. .blog-pager {background: none;}  
2. .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px   
3. 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}  
4. .displaypageNum a:hover,.showpage a:hover,   
5. .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}  
6. #blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}  
7.  .showpageOf{display:none!important}  
8. #blog-pager .pages{border:none;}  

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 
12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, 
.pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Bạn có thể chọn thêm nhiều kiểu phân trang tại đây:

Các kiểu phân trang cho blog.

Bước 3.Tiếp tục nhấn chuột vào bên trong khung chỉnh sửa, nhấn CTRL + F để tìm tới mã :

view plaincopy to clipboardprint?

1. </body>  

</body>

Phía bên trên, copy bỏ vào đoạn mã dưới đây:

view plaincopy to clipboardprint?

1. <b:if cond="data:blog.pageType != "item"">  
2. <b:if cond="data:blog.pageType != "static_page"">  
3. <script type="text/javascript">  
4.   /*<![CDATA[*/ 
5.     var perPage=7; 
6.     var numPages=6; 
7.     var firstText ='First'; 
8.     var lastText ='Last'; 
9.     var prevText ='« Previous'; 
10.     var nextText ='Next »'; 
11.     var urlactivepage=location.href; 
12.     var home_page="/"; 
13.   /*]]>*/  
14. </script>  
15. <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"></script>  
16. </b:if>  
17. </b:if>  

Tùy chỉnh

Thay đổi các giá trị mặc định:

perPage:
7,

numPages:
6,

var firstText ='First';

var lastText ='Last';

var prevText ='«
Previous';

var nextText ='Next
»';

}

Nhấn Save Template để lưu lại.