Page Navigation Menjadi Autoload Ketika Di Scroll

auto-load-page navigation-post-blog

Cara Membuat Page Navigation Next Post Menjadi Auto Load Ketika Di Scroll

Tutorial Cara Merubah Page Navigation Menjadi Auto Load Ketika Di Scroll. Pada Postingan Kali ini kita akan merubah Page navigation Next Post Default Blogger Menjadi Autoload Ketika Postingan / Homepage Blog Di Scroll Ke Bawah...

Dengan mengganti Page Navigation Number / Title Menjadi Auto Load Post mungkin bisa memudahkan para pengunjung untuk melihat semua postingan yang ada pada blog kalian tanpa harus me - reload postingan terus menerus, sehingga memakan banyak kuota..

Untuk melihat tampilan dari Auto Load Post Page Navigation ini bisa kunjungi link dibawah ini....
Demo Auto Load Page Navigation Next Post


Untuk tutorial cara membuat New page auto load when scrolling down bisa ikuti langkah demi langkah berikut ini...

Cara Merubah Page Navigation Number Pada Blog Menjadi Auto Load


  • Login Ke blogger.com
  • Pilih Menu Template, Edit HTML, Cari Kode </head>
  • Lalu masukan script auto load post dibawah ini tepat di atasnya
  • 
    <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 Di Atas hanya akan bekerja di homepage blog, jika kalian ingin agar scriptnya bisa bekerja di semua halaman, silahkan hapus tag condisional berikut ini...

    
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    
    </b:if>
    
  • Tinggal Save Template dan atur jumblah postingan yang akan di tampilkan pada homepage dan ketika di load..
  • Done n sekian

Cukup sekian dan terima kasih, semoga artikel tentang Cara Membuat / Merubah Page Navigation Menjadi Autoload Ketika Di Scroll Ke Bawah ini bermanfaat..

Jangan lupa share dan tinggalkan jejak di kolom komentar jika artikel ini bermanfaat...
4 komentar