Tampilan Posting Berbeda-Beda Berdasarkan Label Tanpa JavaScript
Opsi 1: Dengan Label itu Sendiri
Kekurangan: Nama label harus valid sebagai nama kelas dalam CSS. Satu karakter spasi dalam sebuah nama label akan membuatnya berlaku sebagai dua buah kelas CSS, dua sebagai tiga, tiga sebagai empat, begitu seterusnya.
<div class='post
<b:loop values='data:post.labels' var='label'>
post-<data:label.name/>
</b:loop>
'>
<!-- konten posting di sini… -->
<div>
Opsi 2: Dengan Nama Kelas Khusus
Kekurangan: Kondisional untuk menentukan nama kelas adalah hard-coded, karena label tidak memiliki nilai abstrak seperti halnya ID pada posting dan komentar.
<div class='post
<b:loop values='data:post.labels' var='label'>
<b:switch var='data:label.name'>
<b:case value='Menyenangkan'/>
post-red
<b:case value='Jelek'/>
post-green
<b:case value='Bosan'/>
post-blue
<b:default/>
post-white
</b:switch>
</b:loop>
'>
<!-- konten posting di sini… -->
<div>
Contoh CSS
.post {border-left:4px solid white}
.post-red {border-left-color:red}
.post-green {border-left-color:green}
.post-blue {border-left-color:blue}
10 Komentar
Unknown
Sama gak kayak gini bang Menandai Postingan berdasarkan kategori
Taufik Nurrohman
Iya mas, sama :)
Putra
Dr pihak blogger kayaknya udah ngeluarin expression nya mas: lambda expressions
budkalon
Ada tutorial yang lebih lengkap tentang Lambda Operator, Kang.
Tautan: what are exactly blogger's lambda operator expressions?
Rohman Masyhar
Saya kira kurang efektif kang.
Kalau artikel kita punya Label gimana? bisa bentrok itu template
Unknown
tapi untuk label yang 2 kata tidak bisa..
BIRZ
Templatenya keren
Dista
Apakah bisa untuk 2 label atau lebih mas? Soalnya Saya mau menambahkan elemen , bukan mengganti style... Trims ^_^
Taufik Nurrohman
Bisa, tapi hanya akan berlaku di dalam area posting. Contohnya bisa dilihat di sini.
Dista
Mantul mas :bd , terimakasih atas bantuannya ^_^