Code phân trang cho blogspot

Code phân trang cho blogspot giúp khách viếng thăm blog của bạn dễ dàng điều hướng đến những trang kế tiếp hoặc trước đó. Hôm nay mình và c...

Code phân trang cho blogspot giúp khách viếng thăm blog của bạn dễ dàng điều hướng đến những trang kế tiếp hoặc trước đó. Hôm nay mình và các bạn sẽ lần lượt tạo phân trang cho blog của mình với các trang được đánh số thứ tự như hình bên dưới :

Code phân trang cho blogspot


Hướng dẫn phân trang cho blogspot

Nào chúng ta cùng từng bước thực hiện nhá : Bước 1 : Đăng nhập vào Blogger : Dashboard > Design > Edit Html

Bước 2 : Sao lưu lại toàn bộ template trước khi tiến hành

Bước 3 : Tìm kiếm đoạn code sau : ]]></b:skin>


Thêm trước đoạn đó mẫ Css



.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;
}



Bước 4 : Tìm đoạn code: </body>

Và thêm đằng trước bằng đoạn code sau



Giải thích một số tham số ở đoạn code trên :

- pageCount : Số lượng bài viết hiển thị trên trang
- displayPageNum : Số lượng trang được đánh dấu sẽ hiển thị trên trang
- upPageWord và downPageWord được dùng để hiển thị trang trước và trang sau, các bạn có thể thay thế bằng những dòng chữ hay kí tự tùy ý.


Mọi thắc mắc và cần giúp đỡ vui lòng comment phía dưới nhé !

COMMENTS

BLOGGER
Tên

AIO Android Apps Android Blogger Crack-Patch Drivers Đời sống Game Mobile Offline Game Mobile Online Games Android Ghost HANDMADE hot Internet Máy Tính Bảng Mẹo vặt MMO Mod Android Mutilmedia Phần mềm Phần Mền Relax SEO Smartphone SMS Kute Software Templates Thiết Bị Số Thủ thuật Thủ thuật nhiếp ảnh Tiện ích Tin Công Nghệ Tin mới Tip Lumia Tips Tips Android Tools Văn Học 10 Widgets Win 7 Win 8 Win XP Windows Windows Phone
false
ltr
item
VNICT.NET: Code phân trang cho blogspot
Code phân trang cho blogspot
http://4.bp.blogspot.com/-mnvBPNr0RMQ/UzGik21qA3I/AAAAAAABKOo/3NdOX-DzeVQ/s1600/phan-trang-cho-blogspot.jpg
http://4.bp.blogspot.com/-mnvBPNr0RMQ/UzGik21qA3I/AAAAAAABKOo/3NdOX-DzeVQ/s72-c/phan-trang-cho-blogspot.jpg
VNICT.NET
http://www.vnict.net/2014/03/code-phan-trang-cho-blogspot_25.html
http://www.vnict.net/
http://www.vnict.net/
http://www.vnict.net/2014/03/code-phan-trang-cho-blogspot_25.html
true
2882541057390150517
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy