Gia Huy NY BLOG

Blog chia sẻ ảnh chất lượng cao - thủ thuật hay - ảnh bìa chất

Share code load more posts cho Blogger

Chào các bạn hôm nay mình xin Share code load more posts cho Blogger – Bài viết do anh Nguyễn Tuấn chia sẻ. Anh nguyến tuấn trước là admin của Blog thuthuatwindows10 hiện đã được bán lại cho mình
DEMO: TẠI ĐÂY


Phải nói là code này rất đẹp và tiện, mọi người theo dõi nhé:

Chèn trước thẻ đóng </body>

<b:if cond='data:view.isMultipleItems'> <style type='text/css'> a.loadpost{display:inline-block;padding:0 40px 0 10px;height:36px;background:#ff6a28;position:relative;font-family:Arial;font-size:18px;text-transform:uppercase;line-height:36px;color:#fff;text-decoration:none;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s} a.loadpost:before{display:block;width:30px;height:30px;background:url(https://i.imgur.com/W169O3u.png) -68px -36px no-repeat;position:absolute;top:3px;right:5px;content:''} a.loadpost:hover{background: #263040;} </style> <script> //<![CDATA[ (function($) { var loadingGif = 'https://1.bp.blogspot.com/…/7l-4hZ1NV7o/s000/ajax-loader.gif'; var olderPostsLink = ''; var loadMoreDiv = null; var postContainerSelector = 'div.blog-posts'; var loading = false; var win = $(window); var doc = $(document); // Took from jQuery to avoid permission denied error in IE. var rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi; function loadDisqusScript(domain) { $.getScript('http://' + domain + '.disqus.com/blogger_index.js'); } function loadMore() { if (loading) { return; } loading = true; if (!olderPostsLink) { loadMoreDiv.hide(); return; } loadMoreDiv.find('a').hide(); loadMoreDiv.find('img').show(); $.ajax(olderPostsLink, { 'dataType': 'html' }).done(function(html) { var newDom = $('<div></div>').append(html.replace(rscript, '')); var newLink = newDom.find('a.blog-pager-older-link'); if (newLink) { olderPostsLink = newLink.attr('href'); } else { olderPostsLink = ''; loadMoreDiv.hide(); } var newPosts = newDom.find(postContainerSelector).children('.post-outer'); $(postContainerSelector).append(newPosts); // Loaded more posts successfully. Register this pageview with // Google Analytics. if (window._gaq) { window._gaq.push(['_trackPageview', olderPostsLink]); } // Render +1 buttons. if (window.gapi && window.gapi.plusone && window.gapi.plusone.go) { window.gapi.plusone.go(); } // Render Disqus comments. if (window.disqus_shortname) { loadDisqusScript(window.disqus_shortname); } // Render Facebook buttons. if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) { window.FB.XFBML.parse(); } loadMoreDiv.find('img').hide(); loadMoreDiv.find('a').show(); loading = false; }); } function init() { if (_WidgetManager._GetAllData().blog.pageType == 'item') { return; } olderPostsLink = $('a.blog-pager-older-link').attr('href'); if (!olderPostsLink) { return; } var link = $('<a class="loadpost" href="javascript:;" title="Bấm để xem thêm">xem thêm</a>'); link.click(loadMore); var img = $('<img src="' + loadingGif + '" style="display: none;">'); loadMoreDiv = $('<div style="text-align:center;clear:both;"></div>'); loadMoreDiv.append(link); loadMoreDiv.append(img); loadMoreDiv.insertBefore($('#blog-pager')); $('#blog-pager').hide(); } $(document).ready(init); })(jQuery); //]]> </script> </b:if>

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

Lê Võ Gia Huy Designer

Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
Các bạn hãy đóng góp ý kiến của mình vào đây giúp tôi nhé !
Mọi chi tiết xin liên hệ:
Email : giahuylevo412@gmail.com
Facebook: https://www.facebook.com/giahuynyblog/
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • 6 nhận xét: