[Blogger] Hiệu ứng cuộn trang vô tận (Infinite Scrolling Effect)

Bạn không thích kiểu hiển thị phân trang cho Blogger? Bạn muốn tạo sự khác biệt cho blog của mình?

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ì hiển thị phân trang. Xem demo

Để tạo hiệu ứng thú vị đó cho blog, các bạn vào Mẫu -> Chỉnh sửa HTML, 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/AVvXsEglH5myP7UJqZReA_73mNsOl_QV3HIsEPGLfOAEaGQ0cxfT5yI4YoaZ40NY92FEyyyqidCsQUoAdZbt6OUGzcIJhyivri4zi3nBTohHiPV3-i_cvw7YoscWb1fICWLBmft1bTo5B3Xp31U/s1600/loading.gif'
});
  </script>
</b:if>
<!--/Infinite Scrolling Effect by kjmagic.blogspot.com-->

Nếu blog của bạn đã có thư viện jQuery thì xóa đoạn màu xanh đi. Bây giờ lưu lại và xem kết quả.

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