Tạo phân trang (Page Navigation) cho blog (style 3)

Ở những bài trước mình đã giới thiệu một số style Page Navigation đẹp dành cho Blogger. Hôm nay mình sẽ tiếp tục chia sẻ một style nữa (xem hình bên). Sau đây là các bước thực hiện thủ thuật:












Bước 1: Tại trang quản trị blog, các bạn vào Mẫu > Chỉnh sửa HTML.
Bước 2: Chèn đoạn code sau vào trước thẻ đóng </body>:

<!--Page Navigation by kjmagic.blogspot.com-->
<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=10; var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><a href="http://kjmagic.blogspot.com" style="font-size:0pt">Widget, Tips & Tricks for Blogger</a><script style='text/javascript' src='http://yourjavascript.com/4611061048/kjmagic-pagenav-style-3.js'></script>
<!--/Page Navigation by kjmagic.blogspot.com-->

• Trong đó:

- 10 là số bài viết hiển thị trên một trang.
- 5 là số trang hiển thị trên navigation.

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