Hiện nay code phân trang cho blogspot có rất nhiều, bản thân mình yêu thích sự đơn giản và ngắn gọn, xin giới thiệu code phân trang mình dùng trên chính blog của mình.
đầu tiên bạn tìm
nếu muốn hiện nhảy tới trang đầu và trang cuối bạn bỏ
tìm đến vị trí cần chèn phân trang thường thì mình đặt trong
Hiệu chính số trang perPage=7; numPages=6; chúc bạn thành công.
đầu tiên bạn tìm
]]></b:skin>
thêm vào bên trên:#blog-pager{clear:both; margin:10px auto; text-align:right; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:0px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{float:left;}
#blog-pager .pages{border:none;}
.lastpage{display:none!importaint;}
.firstpage, .lastpage {display: none;}
nếu muốn hiện nhảy tới trang đầu và trang cuối bạn bỏ
.lastpage{display:none!importaint;} .firstpage, .lastpage {display: none;}
đi nhétìm đến vị trí cần chèn phân trang thường thì mình đặt trong
<div class='post-footer-line post-footer-line-1'>
<!--Page Navigation begin-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Trước';
var nextText ='Tiếp »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='https://raw.githubusercontent.com/josmtoan/blogspot/master/page-navigation2.js'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
Hiệu chính số trang perPage=7; numPages=6; chúc bạn thành công.
Giúp mình với sao mình không phân trang được http://www.giamgiachoban.com/
ReplyDelete