Cara Membuat Page Navigation Menjadi Auto Load Saat Di Scroll

Cara Membuat Page Navigation Menjadi Auto Load Saat Di Scroll


Hay bro kali ini kontencaraviral akan memberikan tutorial singkat nih untuk blog kalian, apa sih tutorial ? Yah sesuai di judul artikel yaitu Cara Merubah Page Navigation Menjadi Auto Load Saat Di Scroll Kebawah yang memudahkan pengunjung blog untuk melihat semua posting artikel pada blog kalian tanpa harus me-reload terus menerus.

Untuk kalian yang mau liat demonya silakan kunjungi link dibawah ini.



Untuk tutorial cara membuat New Page Auto Load When Scrolling Down kalian bisa mengikuti tutorial dibawah ini dengan teliti agar tidak terjadi error saat penerapan pada blog kalian.


Cara Merubah Page Navigation Menjadi Auto Load Saat Di Scroll Kebawah



  • Seperti biasa login ke blogger.com

  • Klik menu Tema => Edit Html =>  Cari kode </head>

  • Lalu masukan script Auto Load dibawah ini tepat diatas kode </head> 

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://rawgit.com/mastamvan/backup/master/navigationautoload.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : &#39;.blog-posts&#39;,
    item: &#39;.post-outer&#39;,
    pagination: &#39;#blog-pager&#39;,
    next: &#39;#blog-pager-older-link a&#39;,
    loader: &#39;https://web.sure.com/themes/default/images/loading.gif&#39;
});
  </script>
</b:if> 

Script diatas hanya bekerja pada halaman homepage saja, jika ingin bekerja di seluruh halaman silakan hapus kode tag kondisional berikut...

 <b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if> 


  • Save tema dan lihat hasilnya.

Sekian tutorial singkat mengenai Cara Membuat Page Navigation Menjadi Auto Load Saat Di Scroll, jika dirasa ada yang kurang dimengerti silakan tanyakan pada kolom komentar dibawah.