Page Navigation đẹp cho Blogger (Abu-farhan)

Vấn đề

Trong một Website, việc tạo công cụ để chuyển hướng trang là cần thiết. Nó giúp điều hướng đến nhiều bài viết hơn cho độc giả. Tuy vậy, sẽ có một vài hạn chế sau:

1. Số bài viết tối đa là 500 bài
2. Thời gian Load trang sẽ chậm.
3. Người đọc cần ước lượng thời gian để có thể tham khảo các bài viết.

Phương hướng

Có nhiều hướng giải quyết cho những vấn đề nêu trên. Và đây là một trong số đó. Ý tưởng này đã được Abu - Farhan & Mohamed Rias 

DEMO

Bạn có thể xem trực tiếp từ các Link sau:

• Demo for Minima
• Demo for Custom Template (Irressistible from Anshul)
• Demo for Classic from Choen Blog

Thực hiện

- Bước 1: Vào Bảng điều khiển -> Chỉnh sửa HTML -> Ctrl + F -> Tìm thẻ ]]></b:skin>

- Bước 2: Thay thế nó bằng đoạn Code sau:

.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; } ]]></b:skin>

- Bước 3: Tiếp tục, bạn tìm thẻ </body> -> Thay thế nó bằng đoạn Code sau:

<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=7; var numshowpage=4; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script> </body>

Bạn chú ý thay đổi các yếu tố này và thay đổi tuỳ ý.

var postperpage=7;
var numshowpage=4;

Postperpage : Số bài viết hiển thị ở mỗi trang
numshowpage : Số trang hiển thị 

- Bước 4: Lưu mẫu.

- Bước 5: Click chọn “Expand Widget Templates” - Mở rộng mẫu

Tìm phần Code:

'data:label.url'

và thay thế nó bằng:

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

Nguồn

M21love - Tham khảo từ http://www.abu-farhan.com