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>:
- 5 là số trang hiển thị trên navigation.
Chúc các bạn thành công !
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 đó:
- 5 là số trang hiển thị trên navigation.
Chúc các bạn thành công !
.png)
Không có nhận xét nào: