Phân trạng dạng Auto load more tự tải thêm bài viết Blogger

Ở bài trước tôi đã giới thiệu với các bạn dạng Phân trang Page Navigation cho blogger.
Nhưng vấn đề ở đây là đối với những người không thích kiểu phân trang Page Navigation số truyền thống mà họ lại thích những kiểu giống như Facebook,Twitter.... Thì sao? Nghĩa là khi ta kéo chuột xuống 1 vị trí nhất định thì nó xẽ tự động tải thêm các bài viết mới.

Ảnh demo Phân trạng dạng auto load more Facebook

Vậy để làm được điều này thì chúng ta cần phải có 1 loại phân trang mới cho Blogger đó là " Phân trạng dạng Load More ". Dạng này sử dụng Jquery nên sẽ không phải tải lại toàn bộ trang ( đây là ưu điểm rất lớn của dạng Phân trạng dạng Load More ). Với những ưu điểm như vậy nhưng nó cũng có những nhược điểm như sau: khiến người dùng khó mà đi đến phần chân blog của bạn, Và mình khuyên các bạn hãy cân nhắc trước khi sử dụng Tips này!.
Và bây giờ xẽ là cách thực hiện
1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ </head>
4. Dán code dưới vào trên thẻ vừa tìm được ở bước 3.

 <b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://googledrive.com/host/0B1SCwwMA1dcGX2E5VXR5X2pDYnc' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlnKblqb2eRkTPrKxTdCcq_m6Y_6Wb5aOxb3-d0Qe05UQxz6d9_DCX_LqKE6Ajrb5cAMgo0kfMihhQFfI1lpoBP7UzL1eXcoBbH0XEjoHcR-hOXIfoo40ehV0rn5MB5ZmrOFRayBfz6Dgv/s1600/wgloading.gif'
});
  </script>
</b:if>

Bước 5 . Save lại là xong. Rất đơn giản phải không
Chúc các bạn thành công nhé! 

Demo

Nguồn : iChiaSe.Biz

Tag : Thủ Thuật Blogger