Helo Teman Agan kali ini saya bakalan menjabarkan mengenai cara membuat kode custom khusus untuk label tertentu di blogger
Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Menggunakan Tag Kondisional
Pernahkah kamu bertanya-tanya, bagaimana cara menambahkan kode CSS khusus untuk label tertentu di Blogger? Jawabannya adalah dengan memanfaatkan tag kondisional khusus label yang hanya berlaku di Blogger. Dengan cara ini, kamu bisa menargetkan dan menerapkan gaya CSS pada label tertentu saja, sehingga tampilan blog menjadi lebih sesuai dengan kebutuhan.
Apa itu label tertentu
Apa yang dimaksud dengan label tertentu? Label tertentu yang saya maksud adalah label yang ada pada menu pengaturan postingan di Blogger. Menu pengaturan postingan ini muncul ketika kamu ingin membuat artikel baru. Penggunaan label sangat penting karena di Blogger, label berfungsi untuk mengelompokkan artikel berdasarkan topik tertentu. Selain itu, label juga digunakan dalam Breadcrumbs, yang membantu navigasi blog dan meningkatkan pengalaman pengguna.
Contoh penerapan tag kondisional
Bagaimana cara menggunakan tag kondisional khusus untuk label tertentu di blogger, di bawah ini adalah contoh penerapan kode tag kondisional khusus untuk label tertentu di blogger
<b:if cond='data:view.search.label in ["Blogger"]'>
<!-- Letakkan kode CSS custom kamu didalam tag <style> -->
<style>.icloudice{}</style>
</b:if>Info: Jika sudah letakkan tag kondisional tersebut di atas</head>
Jika label lebih dari satu
Jika ingin menggunakan tag kondisional khusus di lebih dari satu label, silahkan gunakan tag kondisional di bawah ini
<b:if cond='data:view.search.label in ["Blogger","Adsense"]'>
<!-- Letakkan kode CSS custom kamu didalam tag <style> -->
<style>.icloudice{}</style>
</b:if>Info: Selain menggunakan tag kondisional khusus label pada kode CSS, kamu juga dapat menerapkannya pada kode HTML dan JavaScript. Dengan cara ini, kamu bisa lebih fleksibel dalam mengatur tampilan dan fungsi blog sesuai dengan label yang digunakan. Semoga informasi ini bermanfaat!
Post a Comment