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 Comments:
Sama gak kayak gini bang [url=http://zhinto.blogspot.com/2013/07/menandai-postingan-berdasarkan-kategori.html]Menandai Postingan berdasarkan kategori[/url]
Iya mas, sama :)
Dr pihak blogger kayaknya udah ngeluarin expression nya mas: [url=https://blogger.googleblog.com/2016/05/more-custom-template-flexibility.html]lambda expressions[/url]
Ada tutorial yang lebih lengkap tentang Lambda Operator, Kang.
Tautan: [url=http://www.bloggerever.com/2016/05/what-are-exactly-bloggers-lambda.html]what are exactly blogger's lambda operator expressions?[/url]
Saya kira kurang efektif kang.
Kalau artikel kita punya Label gimana? bisa bentrok itu template
tapi untuk label yang 2 kata tidak bisa..
Templatenya keren
Apakah bisa untuk 2 label atau lebih mas? Soalnya Saya mau menambahkan elemen , bukan mengganti style... Trims ^_^
Bisa, tapi hanya akan berlaku di dalam area posting. Contohnya bisa dilihat di sini.
<b:if cond='data:post.labels any (i => i.name in ["Label 1", "Label 2"])'>
…
</b:if>
Mantul mas :bd , terimakasih atas bantuannya ^_^
Post a Comment
<< Home