Trong blogger viêc phân trang cho trang chủ của blog tương đối khó không dáp ứng được nhu cầu thẩm mỹ cho các blogger . Hôm nay mình xin chia sẻ cách phân trang mà các blogger hay dùng
- Đăng nhập vào bảng điều khiển blogger, lựa chọn Layout (Mẫu) -> Edit HTML (chỉnh sửa HTML) và chọn vào Expand Widget Templates (mở rộng mẫu HTML)
- Tìm đến
- Đăng nhập vào bảng điều khiển blogger, lựa chọn Layout (Mẫu) -> Edit HTML (chỉnh sửa HTML) và chọn vào Expand Widget Templates (mở rộng mẫu HTML)
- Tìm đến
]]></b:skin>
Và dán code dưới đây ngay bên trên:
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
Đó là Code CSS và các bạn có thể chỉnh sửa theo ý muốn của các bạn.
Tiếp theo tìm tới Code
</body>
Và dán code dưới đây ngay trên nó:
<!-- Phân trang cho blogger -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://itviet360.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!-- Kết thúc phân trang cho blogger -->
var pageCount=5; Số bài viết hiển thị trong 1 trang (lưu ý: nên trùng khớp với bài viết các bạn cài đặt hiển thị trên trang chủ trong CÀI ĐẶT - BÀI ĐĂNG VÀ NHẬN XÉT)
var displayPageNum=5; Số trang hiển thị. Ví dụ hiển thị từ 1->5
Đối với bài viết trong 1 nhãn chúng ta cũng có những chỉnh sửa như sau:
Vẫn ở "mở rộng mẫu HTML" và tìm tới đoạn code
'data:label.url'
Và thay thế nó bằng
'data:label.url + "?&max-results=5"'
Sau đó lưu mẫu lại và xem kết quả

Không có nhận xét nào: