Custom CSS berdasarkan Label Blog
Desember 03, 2021 • •
Beberapa template blogger yang sering kita lihat menampilkan desain atau posisi berbeda setiap halaman postingnya. Pada dasarnya cara yang dilakukan adalah melakukan custom CSS pada setiap halaman postingan.
Menggunakan Tag Conditional
Untuk membuat halaman postingan berbeda kita bisa menggunakan Tag Conditional Blogger. Teman-teman bisa cek disini untuk mengetahuinya lebih lanjut.
Namun apakah bisa melakukan custom CSS pada halaman postingan sesuai label atau tag? Jawabannya YES bisa, dengan cara yang sama yaitu menggunakan Tag Conditional Blogger.
Tutorial
Silahkan teman-teman login ke Blogger setelah itu, ikuti langkah-langkah berikut.
- Pilih Template atau Tema
- Pilih EDIT HTML untuk membukan Template Editor Blogger
- Jika sudah masuk ke halaman Template Editor, silahkan copy paste kode berikut :
- Simpan Template
- Done
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "NAMA_LABEL"'>
<style type='text/css'>
<!-- style CSS -->
</style>
</b:if>
</b:loop>Keterangan : silahkan ganti NAMA_LABEL dengan label yang ada pada blog teman-teman.
Silahkan dicoba dan semoga bermanfaat.