Tạo phân trang ở home page cho blogspot
Chào các bạn!Để cho blogspost của mình chuyên nghiệp hơn các blogger thường tạo phân trang cho các bài viết của mình. Sau đây mình Viettin365 xin giới thiệu với các bạn một kiểu phân trang khá là dễ làm và đây cũng là kiểu mình đang sử dụng. Hình demo như sau
Bước đầu tiên bạn đăng nhập vào trang quản trị blog của mình và chọn vào mục layout>Edit HTML (nếu bạn dùng giao diện cũ) hoặc template ->Edit HTML->Proccess (nếu bạn dùng giao diện draft)
nhớ là không chọn vào mục ‘Expand Widget Templates’
sau đó tìm dòng sau
]]>b:skin>và thay thế nó bằng đoạn mã phía dưới
/*chiasekienthuc.info page navigation skin start*/.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}/*chiasekienthuc.info page navigation skin end*/]]>b:skin>Tiếp đến bạn tìm dòng sau:
body>
và thay thế nó bằng :
/*chiasekienthuc.info page navigation end*/<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><script type='text/javascript'>var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; script><script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>b:if>b:if>
body>
/*chiasekienthuc.info page navigation end*/bạn để ý các tham số sau
var pageCount=5;dòng trên thể hiện số bài sẽ hiện lên mỗi phân trang (ở đây hiện là 5)
var displayPageNum=5;Dòng trên thể hiện số trước và sau trang hiện tại
Bạn có thể thay đổi những giá trị này để phù hợp với blog của bạn .Ở bài sau mình sẽ giới thiệu với các bạn về phân trang các label(nhãn)
Chúc bạn thành công !!!Share This:
Blog Tự Động Hóa 68
Tôi là Đại Thành. Tôi thích chia sẽ đam mê về Điện Tự Động Hóa, Điện Lạnh Và Internet....Bài viết có thể chưa thật sự hoàn hảo nhưng hy vọng sẽ giúp ích được cho các bạn. Cảm ơn đã ghé trang.
Mời bạn bình luận cho bài viết " Tạo phân trang ở home page cho blogspot "