Tips cara membatasi jumlah postingan yang di tampilkan pada halaman Search Label Blogspot

Diposkan: 01 Oktober, 2014
Membatasi jumlah postingan yang tampil di halaman label pada pencarian label memang sudah tidak asing lagi oleh orang yang sudah lama berkecimping di dunia Blogger, yang memanfaatkan layanan dari Google. Format url pencarian/pengelompokaan label kurang lebih seperti:
  • http://namablog.blogspot.com/search/label/nama label
 Sedangkan Format untuk menampilkan halaman berikutnya kurang lebih seperti
  •  http://namablog.blogspot.com/search/label/nama label?updated-max=.......&max-results=10
Kita bisa membatasi jumlah label yang tampil dengan menuliskan format url di tambah query string "?max-results=10"

Namun dengan catatan menulisnya secara manual. Contoh penulisan bisa ketika kita membuat postingan halaman static page atau lain lain. Dan link tersebut tidak akan berubah kendati sebelumnya sebelumnya blognya tersebut belum mengkustom domain sampai sudah mengkustom domain tidak berubah.

Namun bagaimana jika kita ingin membatasinya yang di ambil secara otomatis yang di ambil dari template?

Katakanlah untuk membatasi breadcrumb jika menambahkan atau widget label apabila memasangnya.

Format code url untuk mengambil url label adalah [ data:label.url ]

Sedangkan untuk nama label ialah [ data:label.name ]

Membatasi link label dengan menambahkan query string variable "?max-results=10" maka akan terbatasi jumlah postingan yang di kelompokaan postingan berdasarkan berlabel tertentu.

Ketika kita ingin otomatis membatasi url label dengan memasukkan format code pengambilan url <data:label.url/> seperti :

<a expr:href='data:label.url + &quot;?max-results=10&quot;'><data:label.name/></a>

Dengan seperti code di atas maka link yang mengarah ke halaman label sudah di batasi dan tidak terjadi keanehan dalam url label blog.

Dengan catatan :
  • Yang mengakses di mana browser mampu membuka halaman blog dengan HTML full.
  • Atau pengguna mendisable versi mobile blogger, dengan garis bawah tidak mengakses blog dengan url desktop, yang belakangnya url berujung [m=0].
Namun akan terjadi agak aneh ketika seorang pengguna mengaktifkan versi mobile blogger setelan khusus atau mengakses blog versi desktop yang urlnya berujung [m=0] walaupun blognya mendisable versi mobile blogger.

Karena link url label tersebut setelah memasuki versi Mobile [ Browser Handphone ] atau Desktop bisa menjadi:
  • http://namablog.blogspot.com/search/label/nama label?m=1?max-results=10
  • Atau
  • http://namablog.blogspot.com/search/label/name label?m=0?max-results=10
Di antara alasannya :
  • data:label.url bukanlah canonical link element Blogger, sehingga masih memiliki perubah Mobile atau Desktop dan lain lain.
  • Dan di bawah ini teknik menggabungkan "/search/label/" lantas di tambahkan "nama label". Dan depan akan mengikuti "windows.location.hostname" dan kita kondisikan.

Beberapa kiat cara menambahkan variable "max-results=" secara otomatis link yang mengarah ke halaman label supaya tidak terjadi bug.

Pada widget Label blog, Apabila link labelnya di buka secara otomatis jumlah posting yang di tampilkan pada halaman Search Label terbatasi secara otomatis sesuai yang di inginkan.

<b:if cond='data:blog.isMobile'>
// prosedur untuk Mobile ..
<a expr:dir='data:blog.languageDirection' expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&amp;m=1&quot;'><data:label.name/></a>
<b:else/>
<b:if cond='data:blog.canonicalUrl == data:blog.url'>
// prosedur untuk Browser yg mampu membuka laman blog secara HTML Full..
<a expr:dir='data:blog.languageDirection' expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&quot;'><data:label.name/></a>
<b:else/>
// prosedur untuk Desktop ..
<a expr:dir='data:blog.languageDirection' expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&amp;m=0&quot;'><data:label.name/></a>
</b:if>
</b:if>

Cara menerapkannya yang terdapat pada post
Didalam template blogger post terdapat 2, Yaitu :
  1. Untuk Versi mobile
  2. Untuk versi desktop
Untuk ruang lingkup post versi Desktop link label dengan penambahan variable "max-results=10"

<b:if cond='data:blog.canonicalUrl == data:blog.url'>
// prosedur untuk Browser yg mampu membuka laman blog secara HTML Full..
<a expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&quot;'><data:label.name/></a>
<b:else/>
// prosedur untuk Desktop ..
<a expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&amp;m=0&quot;'><data:label.name/></a>
</b:if>

Untuk ruang lingkup post versi Mobile link label dengan penambahan variable "max-results=10"

<a expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&amp;m=1&quot;'><data:label.name/></a>

Bagaimana supaya tidak terpengaruh dengan variable Mobile [?m=1] dan Desktop [?m=0]. Exemple:

<a expr:href='&quot;/search/label/&quot; + data:label.name + &quot;?max-results=10&quot;'><data:label.name/></a>

Cara mengujinya dengan cara menambahkan query string pada Address Bar browser variable Mobile [?m=1], Desktop [?m=0] dan ketika tidak ada kedua tersebut.

Jangan sampai linknya menjadi kurang lebih seperti ini:
  • http://......./search/label/NamaLabel?m=1?max-results=10
  • http://......./search/label/NamaLabel?m=0?max-results=10
Catatan:
  • Menggabungkan string URL "/search/label/" dengan nama label  tidak ada jaminan ataupun berhasil dengan baik, disaat nama label yang dibuat berisi karakter atau nama labelnya hurufnya selain [a-zA-Z].
Bila tidak mau banyak resiko, pertimbangkan teknik seperti URL blog untuk pratinjau HTML versi mobile seperti dibawah ini, jika blog anda menggunakan Analytics Google dan memperhatikannya.
/b/app-mobile-preview?m=1&token=gdh...........

<b:if cond='data:blog.canonicalUrl == data:blog.url'>
// Url Normal..
<a expr:href='data:label.url + &quot;?max-results=10&quot;'><data:label.name/></a>
<b:else/>
// Url Mobile..
// Url Desktop..
<a expr:href='data:label.url + &quot;&amp;max-results=10&quot;'><data:label.name/></a>
</b:if>

Hasilnya:
// Url Normal..
   http://nama_blog.blogspot[.]com/search/label/nama-label?max-results=10
// Url Mobile..
   http://nama_blog.blogspot[.]com/search/label/nama-label?m=1&max-results=10
// Url Desktop..
   http://nama_blog.blogspot[.]com/search/label/nama-label?m=0&max-results=10

#Diperbarui 16 Desember 2015

8 komentar

  1. Nice post gan, viait balik ya ^^ http://ragamnya.blogspot.com/

    BalasHapus
  2. sangat membantu sekali tutorialnya...

    http://tokoonlineobat.com/

    BalasHapus
  3. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  4. Thanks gan, maalah saya jadi teratasi :)

    www.awblog.net

    BalasHapus
  5. Trims sob, ini solusi tampilan responsive berubah saat klik label...

    www.pedialicious.web.id

    BalasHapus
  6. terima kasih sangat menabjubkan

    BalasHapus
  7. cara membatasi jumlah postingan yang muncul pada saat kondisi page == archive gimana ya bang, saya ingin membatasinya max result = 5. kalau bisa balas komentar saya ya bang :) , saya sedang ingin improve tampilan blog saya. Ini link situs saya kalau igin review tampilannya http://gallisdanu2019.blogspot.com

    BalasHapus
  8. bang itu resultnya mentok sampe 150 doank ya untuk blogger ? padahal udah saya 999 tapi malah yang keluar 150 doank postingannya

    BalasHapus