Tuesday, 25 October 2016

Cara Membuat Load More Post Otomatis Saat di Scrool Kebawah

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

Next
This Is The Current Newest Page

NO SPAM :
Komentar yang memasukkan link active tidak akan di tampilkan atau terhapus secara otomatis.
EmoticonEmoticon