Menampilkan Hanya 1 Label
April 03, 2022 • •
Apa Itu Label?
Menurut wikipedia, Dalam sistem online komputer,label (tag) adalah kata kunci non hierarki atau tidak bertingkat yang tugasnya adalah menunjukkan potongan-potongan informasi (seperti petunjuk internet,gambar digital,atau file komputer). Label merupakan jenis metadata yang membantu untuk menjelaskan suatu hal dan memungkinkan hal tersebut ditemukan ketika melakukan pencarian (browsing).
Label pada suatu website atau blog itu bisa diibaratkan sebagai induk/parent dengan memiliki sub/child URL postingan. Kalau di windows explorer, Label itu seperti FOLDER yang didalamnya terdapat beberapa FILE.
Contoh dalam blog ini saya mempunyai label "BELAJAR", yang berisi beberapa postingan.
- (PARENT) BELAJAR
- (CHILD) -- Menampilkan hanya 1 label
- (CHILD) -- CSS anti copy paste
- (CHILD) -- Membuat bootstrap timeline
Jika di konversi ke dalam link atau URL akan menjadi seperti ini :
- (PARENT) https://www.azislamayuda.com/search/label/BELAJAR
- (CHILD) -- https://www.azislamayuda.com/2022/10/menampilkan-hanya-1-label.html
- (CHILD) -- https://www.azislamayuda.com/2021/07/anti-copy-paste-dengan-css-user-select.html
- (CHILD) -- https://www.azislamayuda.com/2021/06/bootstrap-timeline.html
Biasanya pada blog, label (tag) ini akan muncul beberapa sesuai jumlah yang kita setting ketika membuat postingan. Namun disini ada cara untuk menampilkan hanya 1 label saja secara random. Berikut kode HTML untuk menampilkan 1 label tersebut.
<b:if cond='data:post.labels'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == (data:post.labels.size - 1)'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&max-results=10"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta content='2' itemprop='position'/>
</span>
</b:if>
</b:loop>
</b:if>