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

Unknown | 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 + &quot;?&amp;max-results=8&quot;'
với 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.

0 nhận xét:

Đăng nhận xét

previous Next home
 
Diễn đàn | Điều khoản | Liên hệ | Sitemap
Copyright © 2012. quynh chau - Vui lòng ghi rõ thông tin khi chia sẻ từ trang này
Website hiển thị tốt nhất trên trình duyệt FireFox và Google Chrome
Phát triển bởi son
TOP