Cara Membatasi Jumlah Label yang Muncul di Blogger

Ketika kita sedang menulis artikel, kadang bingung harus memberi label apa yang pas dengan tulisan kita, saya sendiri kadang lebih mudah menuliskan semua kata yang mewakili dari tulisan kita, dan itu jumlahnya biasanya lebih dari satu, misal tulisan tentang tutorial org mode di emacs, saya memakai label emacs,  org mode, tutorial, text editor, software, dan seterusnya.

ilustrasi blog (pixabay)

Permasalahannya adalah ketika semua label itu dimunculkan ke dalam struktur breadcrumb, jadinya keliatan jelek (ting drembel bahasa jawa-nya). Untuk itu saya ingin membatasi hanya menampilkan label yang pertama saja. Selebihnya cukup ditaruh di bawah postingan. Caranya gimana?

Cari baris kode yang mengandung breadcrumb dan tanda <b:loop kemudian cari lagi penutup dari loop ini, tanda </b:loop>. Kemudian ganti atau masukkan kode berikut:

<b:loop index="num" values="data:post.labels" var="label">
  <b:if cond="data:num == &quot;0&quot;">
    <span itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a expr:href="data:label.url + &quot;?&amp;max-results=16&quot;" expr:title="data:label.name" itemprop="item"><span itemprop="name"><data:label .name=""></data:label></span></a><meta expr:content="data:num+2" itemprop="position"></meta></span>
  </b:if>
</b:loop>

Yang perlu diperhatikan adalah baris ini,

<b:if cond="data:num == &quot;0&quot;"></b:if>

, jika ingin membatasi hanya 3 label saja, maka if condition di atas diganti menjadi:

<b:loop index="num" values="data:post.labels" var="label">
  <b:if cond="data:num&lt;3">
    <span itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a expr:href="data:label.url + &quot;?&amp;max-results=16&quot;" expr:title="data:label.name" itemprop="item"><span itemprop="name"><data:label .name=""></data:label></span></a><meta expr:content="data:num+2" itemprop="position"></meta></span>
  </b:if>
</b:loop>

Atau semisal ingin hanya memunculkan label mulai dari yang ke-3 (penghitungan start dari 0), dan kurang dari 6, maka code nya berubah menjadi seperti ini:

<b:loop index="num" values="data:post.labels" var="label">
  <b:if cond="data:num&lt;6 and data:num&gt;2">
    <span itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"><a expr:href="data:label.url + &quot;?&amp;max-results=16&quot;" expr:title="data:label.name" itemprop="item"><span itemprop="name"><data:label .name=""></data:label></span></a><meta expr:content="data:num+2" itemprop="position"></meta></span>
  </b:if>
</b:loop>

Setelah itu save, dan liat hasilnya.

Reference:

• Stackoverflow