Thứ Tư, ngày 04 tháng 5 năm 2016

Share CODE Xem Thêm Load Cuộn Vô Hạn bằng Jquery cho Blogger Blogspot

Code này sẽ giúp cho các site có lượng dữ liệu lớn hoặc các site yêu cầu khả năng load bài cũ liên tục giữ chân được người dùng lâu hơn bởi code này sẽ giúp cho trang của các bạn giảm thời gian load và thuận tiện với người dùng hơn. Hiện nay Facebook các trang mạng xã hội hay các trang video hài v.v... cũng áp dụng cách thức này và khá hiệu quả

Một lợi thế của tính năng này là người xem blog sẽ có xu hướng cuộn xuống liên tục, điều này giúp cải thiện lượt xem blog. 

Tất cả chỉ là 1 cú nhấp chuột vào thanh trượt và kéo xuống hoặc người xem blog của bạn cuộn xuống cho đến khi nào họ mõi tay, việc còn lại do những đoạn mã đảm đương, các bài đăng cũ hơn sẽ tự động hiển thị cho đến khi nào họ cuộn tới bài đăng cuối cùng.

Tính năng này không ảnh hưởng đến tốc độ tải blog về trình duyệt. Ví dụ: Bạn đặt số bài đăng trên trang chủ là 4 thì trình duyệt chỉ tải về 4 bài đăng. Khi người xem cuộn xuống đến hết bài thứ 4 thì tính năng mới được kích hoạt để tải thêm các bài đăng cũ hơn.

Share CODE Xem Thêm Load Cuộn Vô Hạn bằng Jquery cho Blogger Blogspot
Share CODE Xem Thêm Load Cuộn Vô Hạn bằng Jquery cho Blogger Blogspot


Google phát triển tính năng này dùng cho Tumblr blog, được gọi là Infinite Scrolling( Cuộn vô hạn ).

Cám ơn blogger Muthu Kannan đã phát triển tính năng này cho Blogger. Thủ thuật này được đăng trên manki's weblog 

Cách thực hiện

Thêm đoạn mã dưới đây vào 1 tiện ích HTML (HTML widget): 


<!--Start of Infinite Scrolling shared by Mastermind XXI-->
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='//manki-scripts.googlecode.com/files/blogger-infinite-scrolling-1.6.js'></script>
<!--End of Infinite Scrolling shared by Mastermind XXI-->
Để trống tiêu đề tiện ích. Sau khi Lưu tiện ích xong, kéo nó xuống dưới các tiện ích khác, sau đó nhấp vào Lưu sắp xếp Chú ý: Tính năng này chạy tốt trên các mẫu/ template do Blogger.com cung cấp. Các mẫu không phải do Blogger.com cung cấp thì tùy thuộc vào mã nguồn của mẫu có tương thích hay không.