Phân trang đơn giản cho blogspot

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 ]]></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 != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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.

1 Comments

- Vui lòng không spam
- Không quảng cáo
- Không sử dụng những từ ngữ thô tục.

  1. Giúp mình với sao mình không phân trang được http://www.giamgiachoban.com/

    ReplyDelete
Previous Post Next Post