Solusi Mengatasi Numbered Page Navigation Tidak Muncul Di Halaman Label

Banyak yang tidak menyadari bahwa Numbered Page Navigation yang digunakan di blog tidak muncul di halaman label ketika seorang pengunjung meng-klik link label seperti label pada breadcrumb, label postingan di postmeta, atau pada widget label di sidebar atau footer.

Sebenarnya bukan tidak muncul, Numbered Page Navigation tetap muncul di halaman label lamun tidak langsung muncul di halaman label pertama setelah klik link labelnya, namun yang tampil adalah blog pager default Blogger. Setelah klik older page barulah Numbered Page Navigation muncul. Apakah blog Anda menggunakan numbered page navigation? Cobalah klik salah satu label untuk melihat apakah numbered page navigation-nya tidak bermasalah di halaman label.

Sebenarnya untuk mengatasi hal tersebut adalah mudah, kita tinggal menambahkan kode & atau & (jika ingin valid HMTL5) pada semua link label seperti berikut:

Sebelumnya:

http://www.kompiajaib.com/search/label/Blogger?max-results=6

Sesudahnya:

http://www.kompiajaib.com/search/label/Blogger?&max-results=6

Atau:

http://www.kompiajaib.com/search/label/Blogger?&max-results=6

Nah kali ini saya akan share alternatif lain solusi untuk mengatasinya yaitu dengan mengoreksi pada kode javascript-nya. Dengan sedikit merubah kode pada javascriptnya, maka masalah numbered page navigation yang tidak muncul di halaman label sudah bisa diatasi tanpa merubah semua link label-nya, sekaligus membiasakan diri untuk melihat kode javascript agar lebih mengenalnya untuk mempelajarinya.

Silahkan buka link js numbered page navigation-nya, saya sendiri menyarankan untuk menyimpan javascript-nya secara inline di edit HTML bukan link js yang dihosting agar tidak menyebabkan blocking render di pagespeed insights.

Kemudian silahkan cari bagian kode yang seperti di bawah ini


    if (thisUrl.indexOf("/search/label/") != -1) {
        if (thisUrl.indexOf("?&max-results") != -1) {
            lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max-results"))
        } else {
            lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
        }
    }

Silahkan hapus kode & pada kode ?&max-results (ada 2 buah).

Namun ada juga yang menggunakan kode seperti di bawah ini.


    if (thisUrl.indexOf("/search/label/") != -1) {
        if (thisUrl.indexOf("?updated-max") != -1) {
            lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
        } else {
            lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
        }
    }

Silahkan ganti kode ?updated-max dengan kode ?max-results (ada 2 buah).

Silahkan save template kemudian silahkan coba klik salah satu label yang ada untuk menuju halaman label, apakah sekarang sudah muncul numbered page navigation-nya?

Mudah bukan? Selamat mencoba....

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments