Judul : Cara Merubah Background Sesuai Kategori Label
link : Cara Merubah Background Sesuai Kategori Label
Cara Merubah Background Sesuai Kategori Label
Sesuai judul dari artikel ini Cara Merubah Background Sesuai Kategori Label ,maka kita akan membuat background berbeda dengan kategori label tertentu ,misal kita mempunyai sebuah artikel dengan label tutorial blog dan kita ingin membuat setiap postingan yang berlabel tutorial blog warna background nya Black/hitam ,maka kita bisa tahu bahwa postingan yang background nya berwarna hitam pastilah berlabel tutorial blog .
Semua yang saya jabar kan di atas hanyalah sebuah contoh sobat bisa melakukan trik ini bukan hanya untuk merubah warna background postingan sobat bisa juga memakai trik ini untuk memunculkan iklan pada label tertentu.Saya harap sobat benar benar memperhatikan apa yang akan saya jabar kan seperti di bawah ini .
- Logiin dulu ke blogger.com
- Setelah ada di dasboard silahkan sobat menuju template terus Edit Html jangan lupa download lengkap dulu template
- Centang kotak kecil Expand Widget Templates
- Gunakan Ctrl + F cari kode
- Lalu taruh kode di bawah ini tepat di bawah nya:
- Coba sobat perhatikan kode yang berwarna merah sobat bisa ganti sesuai judul label sobat misal tutorial blog dll, untuk kode yang berwarna hijau sobat bisa beri perintah apa saja ..misal kita akan membuat background postingan yang berlabelkan tutorial blog berwarna hitam maka silahkan sobat tulis seperti ini :
.post-body{background:black;color:white ;...................dst}
maka background akan berubah secara otomatis berwarna hitam dengan text/font berwarna putih jika sobat membaca sebuah artikel dengan label tutorial blog dan akan berubah lagi jika sobat membaca artikel dengan nama label yang lain - Lalu Save Template
<div class='post-header'> <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "nama kategori"'>
<style type='text/css'>
Disini sobat bisa kasih perintah apa saja sesuai keinginan sobat
</style>
</b:if>
</b:loop>Demo silahkan sobat lihat pada blog ini ketika sobat baca artikel dengan label tutorial blog warna background postingan berwarna hijau dan warna header berubah juga sedang jika sobat membaca artikel dengan label berbeda maka background postingan berwarna gelap/hitam dan warna headernya juga berubah
NB : apa yang saya jabarkan di atas sudah saya praktekkan pada tempalte percobaan saya dan templte ini dan semuanya berhasil ,mohon maaf jika kurang dimengerti penjelasan nya Maklum Admin belajar tentang kode Css secara otodidak dan bukan lah seseorang yang pandai mengolah kata kata jika ada yang kurang mengerti silahkan bertanya maka akan saya jawab semampu saya (wassalam)