Code cuộn trang hiển thị thêm bài viết cho Blogspot
Hiệu ứng cuộn trang hiển thị thêm bài viết đẹp cho Blogger blogspot - Infinite Scrolling là một hiệu ứng đẹp, và rất tiện lợi. Bạn không cần phải nhấp chuột để chuyển trang hay mở rộng xem thêm các bài viết mà nó hoàn toàn tự động hiển thị thêm các bài viết cũ khi bạn dùng chuột kéo đi xuống.
Hiệu ứng cuộn trang hiển thị thêm bài viết đẹp với hình ảnh nền khá bắt mắt, các Blogger nên sử dụng và chắc chắn bạn sẽ thích nó. Dưới đây là code các bạn hãy copy và paste vào phía trên thẻ </head> nhé
Code cuộn trang hiển thị thêm bài viết cho blogger
<!--Hiệu ứng Infinite Scrolling Code cuộn trang tự động--> <b:if cond='data:blog.pageType == "index"'> <script type='text/javascript'> jQuery.ias({ item: '.post-outer', pagination: '#blog-pager', next: '#blog-pager-older-link a', container : '.blog-posts', loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrUpfrCJPsKoOvAhu5l_wKQ76ZZKh3pPiIFBRjCEE-Ppi_MlawDB5uIEHY8jOaC2Kvc_7_c7xz0WcABFO94Y5hYL809vJeV6l8xd5xDSRdSS0oBcPOBwleoNe4XJlwxSD-Vk9hPhgqwPQ/s1600/loading.gif' }); </script> <script src='https://sites.google.com/site/10kthuthuatblogger/code/code-cuon-trang.js' type='text/javascript'/> <script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/> </b:if> <!--Hiệu ứng Infinite Scrolling Code cuộn trang tự động-->
Tùy chỉnh:
- Nếu Blogger của bạn đã có jQuery 1.9.1 rồi thì không cần phải thêm nó vào nữa có thể bỏ đi
- Url màu xanh là ảnh nền load bạn cũng có thể thay nó bằng ảnh khác nếu bạn thích
Sau khi chèn code này vào bạn hãy lưu lại, từ bây giờ bạn sẽ không phải lo lắng hay ngại khi cuộn trang hiển thị thêm bài viết nữa. Chúc bạn thành công!