Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah
Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah

Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah

banner
Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah

www.jokorowotlogorejo.com | Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah - Trik ini menampilkan postingan lebih banyak di blog. Jika biasanya melihat postingan lama kita menggunakan navigasi older post, yang ketika kita klik navigasi itu akan terbuka tampilan baru lagi, maka dengan load more otomatis ini tidak perlu melakukan klik, cukup dengan melakukan scroll ke bawah maka postingan terdahulu akan tampil secara otomatis.

Bagi anda yang tertarik memasang trik ini di template bloggernya, silahkan ikuti caranya di bawah ini,Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah, Setelah login ke blog, kopi kode di bawah ini dan letakkan di atas kode </body>

<script type='text/javascript'> //<![CDATA[(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("&lt;div&gt;&lt;/div&gt;").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&amp;&amp;window._gaq.push(["_trackPageview",d]);window.gapi&amp;&amp;window.gapi.plusone&amp;&amp;window.gapi.plusone.go&amp;&amp;window.gapi.plusone.go();window.disqus_shortname&amp;&amp;a.getScript("http://"+window.disqus_shortname+".disqus.com/blogger_index.js");window.FB&amp;&amp;window.FB.XFBML&amp;&amp;window.FB.XFBML.parse&amp;&amp;window.FB.XFBML.parse();window.twttr&amp;&amp;window.twttr.widgets&amp;&amp;window.twttr.widgets.load&amp;&amp;window.twttr.widgets.load();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();150&gt;a-b&amp;&amp;h()}var d="",b=null,i="div.blog-posts",g=!1,f=a(window),l=a(document),j=/&lt;script\b[^&lt;]*(?:(?!&lt;\/script&gt;)&lt;[^&lt;]*)*&lt;\/script&gt;/gi;a(document).ready(function(){if("item"!=_WidgetManager._GetAllData().blog.pageType&amp;&amp;(d=a("a.blog-pager-older-link").attr("href"))){var c=a('&lt;a href="javascript:;"&gt;Load more posts&lt;/a&gt;');c.click(h);var e=a('&lt;img src="https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif" style="display: none;"&gt;');f.scroll(k);b=a('&lt;div style="text-align: center; font-size: 150%;"&gt;&lt;/div&gt;');b.append(c);b.append(e);b.insertBefore(a("#blog-pager"));a("#blog-pager").hide()}})})(jQuery); //]]></script>
Setelah itu, simpan template dan lihat hasilnya
Trik ini tidak akan berjalan jika di template anda belum terpasang kode pemanggil jQuery yang seperti ini  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
Letakkan kode di atas tepat di atas kode </head> kemudian klik Simpan Template
Advertisement banner

Baca juga:

banner

Your Reactions:

Admin
Fusce justo lacus, sagittis vel enim vitae, euismod adipiscing ligula. Maecenas cursus gravida quam a auctor. Etiam vestibulum nulla id diam consectetur condimentum.