Tạo phân trang (Page Navigation) cho blog (style 2)

Bài viết này mình tiếp tục chia sẻ một style nữa của Page Navigation Widget cho Blogger (xem hình bên). Sau đây là các bước thực hiện thủ thuật:
















Bước 1: Tại trang quản trị blog, các bạn vào Mẫu > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ ]]></b:skin>:

/* Page Navigation by kjmagic.blogspot.com */ 
.showpageNum a {padding: 3px 8px;margin:0 4px;text-decoration: none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background: #ddd;} 
.showpageOf { margin:0 8px 0 0; } 
.showpageNum a:hover {border:1px solid #888;   background: #ccc;} 
.showpagePoint {   color:#fff;   text-shadow:0 1px 2px #333;   padding: 3px 8px;   margin: 2px;   font-weight: 700;   -webkit-border-radius:3px;-moz-border-radius:3px;   border:1px solid #999;   background: #666;   text-decoration: none;}

Bước 2: Chèn đoạn code sau vào trước thẻ đóng </body>:

<!--Page Navigation by kjmagic.blogspot.com-->
<script type='text/javascript'>
var home_page="http://kjmagic.blogspot.com"; // URL blog của bạn
var urlactivepage=location.href;
var postperpage=10; // Số bài viết trên một trang
var numshowpage=4; // Số trang hiển thị trên Navigation
var upPageWord ='Prev - Trang trước';
var downPageWord ='Next - Trang sau';
</script>
<script src='http://yourjavascript.com/22155430214/kjmagic-pagenav.js' type='text/javascript'></script>
<!--/Page Navigation by kjmagic.blogspot.com-->

Có thể tùy chỉnh style theo ý bạn bằng code CSS Bước 1.

Chúc các bạn thành công !