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
- http://namablog.blogspot.com/search/label/nama label?updated-max=.......&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.
<a expr:href='data:label.url + "?max-results=10"'><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].
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='"/search/label/" + data:label.name + "?max-results=10&m=1"'><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='"/search/label/" + data:label.name + "?max-results=10"'><data:label.name/></a>
<b:else/>
// prosedur untuk Desktop ..
<a expr:dir='data:blog.languageDirection' expr:href='"/search/label/" + data:label.name + "?max-results=10&m=0"'><data:label.name/></a>
</b:if>
</b:if>
// prosedur untuk Mobile ..
<a expr:dir='data:blog.languageDirection' expr:href='"/search/label/" + data:label.name + "?max-results=10&m=1"'><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='"/search/label/" + data:label.name + "?max-results=10"'><data:label.name/></a>
<b:else/>
// prosedur untuk Desktop ..
<a expr:dir='data:blog.languageDirection' expr:href='"/search/label/" + data:label.name + "?max-results=10&m=0"'><data:label.name/></a>
</b:if>
</b:if>
Cara menerapkannya yang terdapat pada
post
Didalam template blogger post terdapat
2, Yaitu :
- Untuk Versi mobile
- Untuk versi desktop
<b:if cond='data:blog.canonicalUrl == data:blog.url'>
// prosedur untuk Browser yg mampu membuka laman blog secara HTML Full..
<a expr:href='"/search/label/" + data:label.name + "?max-results=10"'><data:label.name/></a>
<b:else/>
// prosedur untuk Desktop ..
<a expr:href='"/search/label/" + data:label.name + "?max-results=10&m=0"'><data:label.name/></a>
</b:if>
// prosedur untuk Browser yg mampu membuka laman blog secara HTML Full..
<a expr:href='"/search/label/" + data:label.name + "?max-results=10"'><data:label.name/></a>
<b:else/>
// prosedur untuk Desktop ..
<a expr:href='"/search/label/" + data:label.name + "?max-results=10&m=0"'><data:label.name/></a>
</b:if>
Untuk ruang lingkup post versi Mobile
link label dengan penambahan variable "max-results=10"
<a expr:href='"/search/label/" + data:label.name + "?max-results=10&m=1"'><data:label.name/></a>
Bagaimana supaya tidak terpengaruh
dengan variable Mobile [?m=1] dan Desktop [?m=0]. Exemple:
<a expr:href='"/search/label/" + data:label.name + "?max-results=10"'><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 + "?max-results=10"'><data:label.name/></a>
<b:else/>
// Url Mobile..
// Url Desktop..
<a expr:href='data:label.url + "&max-results=10"'><data:label.name/></a>
</b:if>
// Url Normal..
<a expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
<b:else/>
// Url Mobile..
// Url Desktop..
<a expr:href='data:label.url + "&max-results=10"'><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
Nice post gan, viait balik ya ^^ http://ragamnya.blogspot.com/
BalasHapussangat membantu sekali tutorialnya...
BalasHapushttp://tokoonlineobat.com/
Thanks gan, maalah saya jadi teratasi :)
BalasHapuswww.awblog.net
Trims sob, ini solusi tampilan responsive berubah saat klik label...
BalasHapuswww.pedialicious.web.id
terima kasih sangat menabjubkan
BalasHapuscara 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
BalasHapusbang itu resultnya mentok sampe 150 doank ya untuk blogger ? padahal udah saya 999 tapi malah yang keluar 150 doank postingannya
BalasHapus