Cara Memasang Unlimited Page Navigation di Blogger

Cara Memasang Unlimited Page Navigation di Blogger - Membuat page navigation di blog atu website sangatlah penting. Page navigation ini berfungsi untuk membuka artikel di halaman selanjutnya dengan nomor yang sudah di tandakan dan sesuai result berapa artikel yang akan di tampilkan, di blog.

Keistimewaan page navigation ini bisa menmpilkan semua artikel yang ada di blog kita, biasanya yang umum hanya bisa menayangkan 500 artikel saja dan hasilnya artikel yang lain tidak bisa tampil !? sayang kan ya sobat. Kali ini IDTGADGET akan membuka magicnya, berikut langkah demi langkahnya. Cara Memasang Unlimited Page Navigation di Blogger Terbaru.

1. Bukan blog anda -> Template -> Edit HTML salin kode di ngisor iki sebelum tepat </head>

Warna Light

Warna Black

2. Lanjut Salin kode di bawah iki tepat sebelum </body>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<script type='text/javascript'>

/*<![CDATA[*/

var postperpage=7;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";

/*]]>*/

</script>

<script src='https://cdn.rawgit.com/ILHAMRPL/zhuberzhu/master/pagenavigation.js' type='text/javascript'/>

</b:if>

Edit CSS di atas sesuai kebutuhan anda, ganti value "postperpage=7" dengan jumlah artikel yang akan di tampilkan di halaman dan ganti "3" pada "numshowpage=3" dengan nomor halaman yang di tampilkan di Page Navigation

3. Lanjut cari kode HTML di bawah ini

<b:includable id='main' var='top'>

Scroll ke bawah cari kode di ini

<!-- navigation -->

    <b:include name='nextprev'/>

Ganti kode di atas dengan yang mirip pokoknya dengan kode di bawah ini

<!-- navigation -->

    <b:if cond='data:blog.pageType == &quot;index&quot;'>

        <b:include name='nextprev'/>

    <b:else/>

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>

        <b:include name='nextprev'/>

    <b:else/>

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

<!-- navigation -->

<b:include name='nextprev'/>

</b:if>

    </b:if>

    </b:if>

Nice simpan template dan cek hasilnya. Untuk Demo lihat di Page Navigation blog saya ini.

Demikian tips Cara Memasang Unlimited Page Navigation di Blogger, semoga bermanfaat.