Hôm nay namkna xin giới thiệu tiếp phần cập nhật của tiện ích phân trang theo kiểu google (Các bạn có thể xem bản phân trang giống google cũ tại đây) với scip mới cho blogger. Tiện ích này được phát triển bới abu-farhan.com.
Xin vui lòng xem xét cẩn thận, Các bước thực hiện có thể giống nhau nhưng css và javascript là khác nhau so với thủ thuật trước đây của tôi ... Vì vậy, hãy thực hiện theo các hướng dẫn dưới đây để chạy tốt ...
Xem Demo: Demo for postẢnh minh họa:
» Bắt đầu thủ thuật
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn Chỉnh sửa HTML (Edit HTML) - Tiếp tục => Xem video:
4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}- Bạn hãy tải hình ảnh nav_logo7.png trong đoạn CSS trên về upload lên blog và thay vào để dùng lâu dài nha. (Bấm đây để tải về)
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}
5. Chèn tiếp code bên dưới vào trước thẻ </body>.
<script type='text/javascript'>;Trong đó:
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='« Prev';
var downPageWord ='Next »';
</script>;
<script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'></script>
</body>
- var postperpage=7; (Số bài viết muốn hiển thị)
- var numshowpage=4; (Số phân trang)
- var upPageWord ='« Prev'; (Có thể thay đổi chử Trở về thành chữ Trang sau)
- var downPageWord ='Next »'; (Có thể thay đổi chử Trang tiếp)
Tùy chỉnh để tiện ích hiển thị với nhãn:
Tìm đoạn code sau:'data:label.url'Và thay thế thành:
'data:label.url + "?&max-results=7"'Sau đó bấm lưu mẫu lại.
Nguồn: abu-farhan.com - Namkna
0 nhận xét:
Biểu tượng mặt cười ( Copy & paste xuống phần Comment )
Hãy Luôn Comment Để Tạo Động Lực Cho Tác Giả
Emoticon