Thủ thuật tạo phân trang cho Blogger trên 3000 bài

Được đăng bởi trung  |  lúc  04:50 0 Nhận xét

Xin giới thiệu đến các bạn style Beautiful New Page Navi For Blogger With Scroll của tiện ích này, rất tiện lợi để tìm kiếm và điều hướng người dùng. Với thủ thuật blogger cho tiện ích này thì mọi nhược điểm đã được khắc phục.

1- Đăng nhập vào Blogger / Blogspot

2- Vào thiết kế

3- Chọn Chỉnh sử HTML (Không cần mở rộng tiện ích mẫu)

4- Thêm đoạn code sau vào trước thẻ  ]]></b:skin> .

.paginator {
margin-top:2px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%; height:3px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-10px; left:50%;
margin-left:-10px;
width:30px; height:24px;
overflow:hidden;
background:url(http://3.bp.blogspot.com/-dJQATjNYiDU/Uar2WNyAGdI/AAAAAAAADS8/BA22zBsIeS8/s1600/sliderknob.gif) no-repeat 50% 50%;
cursor:pointer; cursor: hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:1;
top:0; left:0;
width:0; height:3px;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}

4-  Chèn đoạn code sau vào trước thẻ đóng </body>

<script 
src='http://thietkewebplus.googlecode.com/files/paginator3000_2.js' 
type='text/javascript'></script>      
<script type='text/javascript'>       
var home_page=&quot;/&quot;;       
var urlactivepage=location.href;       
var postperpage=7;       
var numshowpage=6;       
</script>

5- Tìm tất cả các đoạn code có dạng :

'data:label.url'

và thay thế nó thành :

'data:label.url + "?&max-results=8"'

với 8 là số bài viết sẽ hiển thị trên mỗi trang

 

* Lưu ý : giá trị max-result phải bằng giá trị postperpage (8) trong đoạn code ở bước 3

   5-  Sau đó bấm Lưu Mẫu lại.