Thứ Tư, 13 tháng 7, 2016

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ã:

]]></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, 
.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ã :

</body>

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







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.

Tags: Phân trang cho blog

0 Bình luận:

Đăng nhận xét

Nghệ thuật sống

Truyện ngụ ngôn

Lắng nghe điều bình thường

Phần mềm

 
click top