Menentukan Jumlah Label yang ditampilkan di Postingan
Menentukan Jumlah Label yang ditampilkan. Untuk menentukan jumlah label pada widget adalah dengan cara memilih widget dan edit label yang akan disembunyikan. Namun, yang akan saya share yaitu cara menampilkan berapa label yang akan tampil pada postingan Blogger, bukan pada widgetnya.
Sebelum kepada ulasan, mari kita pahami dulu bahwa standar kode untuk menampilkan Label adalah seperti dibawah ini :
<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?max-results=8"' expr:title='data:label.name' rel='tag nofollow'> <data:label.name/> </a> <b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if>
Maka berapapun kita menulis label, label akan muncul seluruhnya pada postingan. Ini artinya, ketika 6 Label ditulis, maka semuanya akan tampil. Hal tersebut akan membuat blog kita tidak kelihatan rapi dan bersih. Bisa kita lihat di ilustrasi dibawah ini.
Nah, sekarang untuk memahami penjelasan selanjutnya, harap diperhatikan kode yang saya tandai <b:if cond='data:label.isLast != "true"'>,</b:if>, ini artinya "Selain label terakhir maka tampilkan koma".
Menentukan Jumlah Label yang Tampil
# Contoh Kasus
Misalkan anda akan membuat sebuah postingan dengan judul 3 Aplikasi Terbaik untuk Memindahkan File di Android, kemudian membuat 6 label. Misal: Aplikasi, Download, Android, Software, PlayStore, dan Apk. Maka akan tampil seperti di bawah ini:Semua label akan tampil seperti gambar di atas, dengan berbagai alasan, misalkan mengganggu tampilan atau estetika, maka sobat hanya ingin menampilkan 3 Label saja. Maka kode untuk Menampilkan Label seperti diatas diganti dengan kode seperti ini
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label' index='x'>
<b:if cond='data:x==0'><data:label.name/>, </b:if>
<b:if cond='data:x==1'><data:label.name/>, </b:if>
<b:if cond='data:x==2'><data:label.name/></b:if>
</b:loop>
</b:if>
Kita menambahkan index=x untuk memanggil label yang di tampilkan. Tetapi kode di atas belum ditambahkan link, sehingga tidak clickable (tidak bisa diklik menuju search label).
Hasilnya :
Pembacaan Label ke-1 dimulai dari angka 0, bukan 1. Sehingga menampilkan label ke-1 dengan kode <b:if cond='data:x==0'>
Penulisan <b:if cond='data:label.isLast != "true"'>,</b:if>, tidak diperlukan karena tidak akan berpengaruh. Label terakhir yang tampil bukan label sesungguhnya.
# Alternatif ke-2
Lebih simple lagi dengan kode di bawah ini :<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label' index='x'>
<b:if cond='data:x<=2'><data:label.name/>, </b:if>
</b:loop>
</b:if>
Kode diatas akan menampilkan 3 label pertama, tapi terdapat kekurangan pada metode ini yaitu masih menampilkan , (tanda koma) pada label terakhir.
# Alternatif ke-3
Saya lebih merekomendasikan kode ini daripada sebelumnya, karena sudah menggunakan Link ke search Label.<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label' index='x'>
<b:if cond='data:x <=2'>
<a expr:href='data:label.url + "?max-results=8"' expr:title='data:label.name' rel='tag nofollow'>
<data:label.name/>
</a>
<b:if cond='data:x <=1'>,</b:if>
</b:if>
</b:loop>
</b:if>
Perhatikan yang berwarna hijau, artinya, sampai label ke 2 akan ditambahkan tanda koma dibelakangnya. Lihat penjelasan disini
Pengaplikasian pada Widget Label
Adapun contoh pengaplikasiannya ke dalam widget Label adalah sebagai berikut.<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label' index='x'>
<b:if cond='data:x<6 and data:x>2'>
<a expr:href='data:label.url + "?max-results=8"' expr:title='data:label.name' rel='tag nofollow'>
<data:label.name/>
</a>
</b:if>
<b:if cond='data:x<5 and data:x>2'>, </b:if>
</b:loop>
</b:if>
Kode di atas adalah untuk menampilkan kode ke-3 sampai ke -5. Jadinya seperti gambar dibawah :
Silakan diexplore dan disesuaikan dengan keinginan dan imajinasi anda. Atau bisa juga anda mengeksplorasinya dengan Breadcrumb.
Demikian tutorial Menentukan Jumlah Label yang ditampilkan di Postingan semoga bermanfaat. Terima kasih telah membaca postingan Agung Jaka Nugraha. Wassalam
