Cách phân trang cho Blogger nhanh và đẹp

Một bài viết trong 1 trang quá dài, khiến người đọc phải kéo bài viết lên xuống rất bất tiện và gây khó chịu cho người đọc. Vậy làm thế nào để khắc phục nhược điểm này. Hôm nay mình sẽ hướng dẫn cho các bạn cách phân trang cho Blog - phương pháp khắc phục nhược điểm trên nhé.

Hướng dẫn phân trang cho Blogger:

Bước 1: Đăng nhập vào blog
Bước 2: Vào bố cục -Phần tử trang
Bước 3: Thêm tiện ích (HTML/JAVASCRIP) và dán đoạn mã bên dưới vào
<style type='text/css'>
#blog-pager{height: 28px;
padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}

.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}

.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=7;
var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>

Bước 4: Click lưu lại

Bước 5: Chuyển sang phần bố cục kéo và thả tiện ích vừa làm xong xuống bên dưới phần bài đăng

Bước 6:Click lưu sắp xếp

Vậy là bạn đã thực hành phân trang xong rồi. Bạn có thể quay lại bài viết của mình để kiểm tra và chỉnh sửa mã HTML theo ý muốn ( Hiển thị bao nhiêu trang, cách thức hiển thị thế nào theo ý thích của mình nhé).

Chúc bạn thành công! 

http://www.seotongthe.vn/Cach-phan-trang-cho-Blogger-nhanh-va-dep.html