Cara Membuat Auto Load Page Navigation Di Blog

Pada kesempatan kali ini saya mau berbagi kembali "Cara Membuat Auto Load Page Navigation di Blog". Pasti kamu sudah pernah mengunjungi lk21.net kan? Ya, disana tidak disediakan page navigasi yang harusnya di klik, tapi langsung di load begitu saja.

Nah saya disini mau coba berbagi cara seperti itu, memang tidak mirip seperti lk21.net tapi disini saya sesuaikan dengan template blog yang minimalist.

Jika kamu ingin mencoba memasang kode Auto Load Page tersebut silahkan ikuti langkah-langkah pemasangannya.
1. Masuk ke Blogger kamu.
2. Masuk ke menu Tema lalu Edit HTML
3. Lalu pastekan kode dibawah ini tepat diatas kode </head>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script src='https://cdn.rawgit.com/blanter/design/7a672c5d/autoloadpost.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAqf7pA59N44as5ISqbP2Z9dTzTftYG1uNI9qcVY4FbufWHBkHJ_CC8nl1ITBecFP_Ho5jDJaXer97Z4AIaxdidbiUlFBe2VzGX4O-RPjFnACUACJZSXWQdB3WfrVWM19VaKtySBI0HgGx/s1600/loadgif.gif'
});
  </script>
</b:if>

4. Setelah itu silahkan cari kembali kode dibawah ini.

<b:includable id='nextprev'>...</b:includable>

5. Lalu ganti dengan kode dibawah ini.

<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
      <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'/>
      </span>
    </b:if>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'/>
      </span>
    </b:if>
     <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'/>
    </div>
<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
    </b:if>
      <div class='clear'/>
</b:includable>

6. Simpan template nya dan lihat hasilnya.

Sekian tutorial Auto Load Page Navigation di Blog, jika ada yang ingin kamu pertanyakan, silahkan berkomentar.