Solusi Mengatasi Numbered Page Navigation Tidak Muncul Di Halaman Label

Solusi Mengatasi Numbered Page Navigation Tidak Muncul Di Halaman Label

Bola Hero Gawai

Solusi Mengatasi Numbered Page Navigation Tidak Muncul Di Halaman Label

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....

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×