<b:if cond='perbandingan kondisi'> <style type='text/css'> /* LETAKKAN KODE CSS KHUSUS DI SINI */ </style> </b:if>Cukup ganti instruksi LETAKKAN KODE CSS KHUSUS DI SINI dengan instruksi CSS yang kau kehendaki dan mengganti instruksi perbandingan kondisi dengan tipe halaman tertentu » pelajari di sini
Misalnya begini: Kamu ingin menciptakan halaman item berubah warna menjadi merah, sementara halaman ketika ini berwarna hitam alasannya yaitu deklarasi-deklarasi dalam selektor body {} tampak menyerupai ini:
body { background-color:#000000; margin:0 0; text-align:center; line-height:.5em; font:normal normal 13px/1.4 Trebuchet,"Trebuchet MS",Geneva,Arial,Sans-serif; color:$mainTextColor; }Untuk mengubah warna latar belakang halaman item tanpa melibatkan warna pada halaman selain di halaman item, maka kau harus menyalin deklarasi-deklarasi beserta selektor CSS templatemu ke dalam ruang gres yang Saya tuliskan di atas, lalu ubah kodenya menjadi menyerupai ini:
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> body { background-color:#9B0707; margin:0 0; text-align:center; line-height:.5em; font:normal normal 13px/1.4 Trebuchet,"Trebuchet MS",Geneva,Arial,Sans-serif; color:$mainTextColor; } </style> </b:if>Namun bekerjsama kau tidak perlu repot-repot menyalin semua deklarasi di dalam selektor body, cukup letakkan deklarasi-deklarasi yang mengalami perubahan saja menyerupai ini:
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> body { background-color:#9B0707; } </style> </b:if>Letakkan instruksi tersebut di atas instruksi </head>.
Selesai.
Meskipun di sini Saya hanya menjelaskan ihwal bagaimana cara mengubah warna latar belakang, namun bekerjsama kemampuan sistem ini tidak hanya sebatas mangganti warna saja. Intinya adalah, instruksi CSS apapun yang kau masukkan ke dalam wilayah kekuasaan tag kondisional hanya akan bekerja ketika kondisi halaman kini sesuai dengan kecerdikan tag kondisionalnya.
Sumber https://www.dte.web.id/