Code Load More Post cho blogspot - code tải thêm bài viết cho blogspot

Phan Tải Thêm ( Load More Post )
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.

Demo ( ở trang chủ )

Tiến hành:
-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.
-Sau đó copy đoạn mã dưới đây là lưu lại là hoàn thành


*Code
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><br /> <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><br /> <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><br /> <br />


Tìm trong code và chỉnh sửa theo í muốn:
Link hình khi load: raw.github.com/techirsh/infinite-scroll-css-styles/master/images/fb-style-loader.gif 
Link chử Load: BẤM VÀO ĐÂY ĐỂ TẢI THÊM
Kích thước chử: font-size: 24px