Bạn không thích kiểu hiển thị phân trang cổ điển dạng phím số cho Blogger? Bạn muốn tạo sự khác biệt cho blog của mình?
Hiệu ứng Infinite Scrolling cho blog
Bài viết này mình sẽ chia sẻ một thủ thuật rất hay cho Blogger, đó là tạo hiệu ứng cuộn trang vô tận cho blog, thay vì phải bấm vào số trên các tiện ích phân trang để tải thêm các bài viết mới như trước đây. Với tiện ích này bạn chỉ cần kéo chuột xuống dưới chân blog các bài viết sẽ được tự động tải thêm.

Các bạn có thể xem demo trực tiếp trên blog theo link bên dưới:

» VIEW DEMO

» Tạo hiệu ứng tự động tải thêm bài viết khi kéo chuột xuống chân blogspot (Infinite Scrolling Effect for Blogger).

1. Bạn vào Mẫu (Template) → Chỉnh sửa HTML (Template).
2. Chèn đoạn code bên dưới vào sau thẻ đóng </head>:
<!--Infinite Scrolling Effect by kjmagic.blogspot.com-->
<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='http://yourjavascript.com/3147505541/kjmagic-infinite-scrolling-effect.js' 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/AVvXsEhnkzh0_OI2rMiix7Urw7crCTV9FtzzRfW9qvd1Tsqy47D4kLQ4sY8qhURGETMzYoM8QuaPHLBwwU5FZVIGOj10mTock-nCkafkWvxp5tg_DY3CfhIAM_a1-X68XTlNXEmMOywTutyPAjX4/s1600/loading.gif'
});
  </script>
</b:if>
<!--/Infinite Scrolling Effect by kjmagic.blogspot.com-->
→ Tùy chỉnh:
  • Nếu blog của bạn đã có thư viện jQuery thì xóa đoạn màu xanh đi. 
  • Thay link hình ảnh màu xanh thành link hỉnh ảnh hiệu ứng tải thêm bài viết khi kéo chuột xuống chân trang blog.
  •  Để sử dụng lâu dài hãy tải file js màu đỏ về máy (Bạn có thể tải về Tại đây), sau đó upload lên host riêng để sử dụng lâu dài nha. Nếu chưa có host bạn có thể sử dụng host Google drive.
3. Bây giờ lưu lại và quay trở lại trang chủ, trang nhãn hoặc trang index của blog để xem kết quả đã làm được nha.

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

Xem thêm thủ thuật: kjmagic.blogspot.com