atas request dari sobat
blogger yang tak mau disebutkan namanya, dia bertanya lewat email yang isinya sebagai berikut:
kk rito
caranya membuat warna navbar yang ada dihalaman posting, berbeda warna setiap labelnya itu gimana?
saya penasaran banget, kan di blog platorial, postingan yang masuk label "template" maka warna navbarnya merah, kalau masuk label "blogspot" warna navbarnya jadi biru...
ajarin dong... eh jawabannya diposting aja diblognya kk, tapi... jangan bawa2 namaku yaw :D hihihihi
okelah... gpp, sebenarnya ga usah malu =)) yang namanya orang belajar itu, ga usah malu bertanya :-bd
oke... langsung saja,
memang benar, jika kita perhatikan postingan diblog ini dengan label "template", maka
navbar blog ini akan berubah jadi warna merah :-bd dan juga,
postingan dengan label "blogspot", maka navbar blog ini akan berubah jadi biru.
caranya tinggal copy and paste code dibawah ini dibawah tag <data:post.body/> pada templatemu (jika anda menggunakan read more, pastekan dibawah <data:post.body/> yang kedua)
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "LabelMU"'>
<style type='text/css'>
CSSmu
</style>
</b:if>
</b:loop>
keterangan :
LabelMU : ganti dengan nama label yang kamu inginkan
CSSmu : beri CSSmu disini :-bd
nich... saya kasih contoh pengaplikasiannya pada template :-bd
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Template"'>
<style type='text/css'>
#cat{background:#ff3900; }
</style>
</b:if>
</b:loop>
Sekian dari saya, jika ada yang salah... silahkan komen ya :-bd
Ditulis oleh:
Riou Hato -
Tuesday, September 11, 2012 - Rating:
4.5
Terima kasih sudah membaca artikel kategori Blogspot /
CSS /
HTML
dengan judul Cara Custom CSS Berdasarkan Label. Anda bisa bookmark halaman ini dengan URL http://platorial.blogspot.com/2012/09/custom-css-berdasarkan-label.html. Jangan lupa share ke teman-teman ya.
