Hôm nay:

BÀI VIẾT- BÀI LUẬN- GHI CHÚ

Xem tất cả Các bài luận- viết »

ĐỜI SỐNG CƠ ĐỐC

Xem tất cả Đời sống Cơ Đốc»

CHUYÊN MỤC HỎI ĐÁP

Xem tất cả Câu hỏi đáp »

.
Hội Thánh Kiền Bái » » Phân trang tải thêm "Load More Posts" cho Blogger

Phân trang tải thêm "Load More Posts" cho Blogger

Đăng bởi Bùi Qúy Đôn | Thứ Tư, 2 tháng 10, 2013

In bài
Cỡ chữ: +A =A -A






Load more posts Blogger
Hôm nay mình xin chia sẽ các bạn chức năng phân trang dạng bấm vào để tải thêm (Load more posts) cho Blogger (Blogspot).
Xem trước tại Hình Ảnh Vui
Chức năng này chỉ hoạt động tốt đối với những Blog sử dụng chức năng Read more sẵn có của Blogger (dùng dấu ngắt), hoặc Trích dẫn Blogger không sử dụng JS.
Cách thực hiện:
Vào phần Bố cục và thêm mới 1 tiện ích HTML/Javascript nằm ở vị trí ngay dưới Bài đăng trên Blog.



Phân trang tải thêm "Load More Posts" cho Blogger






Bạn copy đoạn mã dưới đây vào phần nội dung tiện ích này, sau đó bấm lưu lại là hoàn thành.
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript'>
(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href"):(d="",b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push(["_trackPageview",d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");
window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find("img").hide();b.find("a").show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(d=a("a.blog-pager-older-link").attr("href"))){var c=
a('<a href="javascript:;" >BẤM VÀO ĐÂY ĐỂ TẢI THÊM</a>');c.click(h);var e=a('<img src="https://raw.github.com/techirsh/infinite-scroll-css-styles/master/images/fb-style-loader.gif" style="display: none;">');f.scroll(k);b=a('<div class="techirshloader"></div>');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery);
</script>
<style>
.techirshloader a{text-decoration:none;display:block;width:100%;color:#3772AB;}
.techirshloader{font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; font-weight:bold; text-align: center; color: #3772AB; font-size: 24px;}
.techirshloader a:hover{color: #000000;}
</style>

Nguồn code: http://www.techirsh.com/




Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email: luaphucamhp@yahoo.com


Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..


Share this article :
Blogger Comments ( 0 )
Facebook Comments( )
Google Comments

0 Ý Kiến- Bình Luận- Nhận Xét :

Đăng nhận xét



NỘI QUY ĐĂNG NHẬN XÉT
» Hội Thánh Kiền Bái Blog cảm ơn bạn đã giành chút thời gian để đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét. Nhớ ĐỪNG ẨN DANH vì đây là điều TỐT để gây dựng Cơ Đốc.
» Nếu thấy bài viết hay hãy chia sẻ với những người thân, bạn bè biết.
» Vui lòng đăng những nhận xét, bình luận phải lịch sự và gõ tiếng Việt có dấu .
Những lời comment thiện ý của bạn sẽ giúp trang Hoithanhkienbai Blog ngày một phát triển! Thank you!!!

SỨC KHỎE- ÐỜI SỐNG

Xem tất cả Sức khoẻ đời sống »

SẮC ÐẸP

Xem tất cả Sắc đẹp »

GIA CHÁNH

Xem tất cả Gia chánh »

MẸ & BÉ

Xem tất cả Mẹ và bé »