1/14/13

Tạo phân trang( Page Navigation) cho blogger nhanh và đẹp

1.Đăng nhập vào blog
2.Bố cục -Phần tử trang
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>


4.Click lưu lại
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
6.Click lưu sắp xếp
7.Xong !
8.Nhâm nhi cafe thưởng thức thành quả :))

0 nhận xét:

Post a Comment