- TAG KONDISIONAL LENGKAP DAN CARA MENGGUNAKANNYA
Setelah memahami apa itu kondisional mari kita sama sama bahas penerapannya pada blog , kali ini berjudul Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisional , selain kita dapat menyembunyikan widget dengan kondisioanal kita juga bisa merubah warna pada setiap Home , Postingan dan Pada Halaman Statis.
Tag yang kita gunakan disini adalah :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
OBJEK
</b:if>
tag untuk Tampilan Home
<b:if cond='data:blog.pageType == "item"'>
OBJEK
</b:if>
tag untuk Tampilan Posting
<b:if cond='data:blog.pageType == "static_page"'>
OBJEK
</b:if>
tag untuk Tampilan Halaman Statis
Syarat Utama Agar Tips Ini bisa bekerja :
1. Harus mengetahui elemen elemen dan CSS Pembungkus yang ada pada blog anda
Sebagai Contoh Elemen Pembungkus pada widget dan halaman utama :
#main = Biasanya digunakan untuk halaman utama bisa saja halaman posting dan halaman statis
#Side = Biasanya digunakan untuk Widget
.breadcrumbs = Css pemanggil CSS untuk breadcrumbs
Untuk Demonya mungkin sobat bisa liat pada blog ini :
yang berbeda pada setiap halamannya :
1. Halaman Home
2. Posting
3. Statis
4. Warna Background
5. Breadcrumbs
5. Logo dan Search
6. Postingan terntentu etc
Eksekusi
Pada tutorial kali ini saya tidak menjabarkan dengan panjang kode CSS atau elemen yang ada , karna setiap blog mempunyai kode css yang berbeda , saya akan menjabarkan logikanya saja dan sebagai contoh kita akan membuat background pada setiap halaman terntentu berbeda
Info:
Trik ini (bukan penerapan tag yang sebenarnya) tapi cara lainnya untuk menerapkan tag kondisional pada blog
Trik ini (bukan penerapan tag yang sebenarnya) tapi cara lainnya untuk menerapkan tag kondisional pada blog
Simpan kode berikut di bawah kode </b:skin> atau </style>
<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
body {
background-color: rgb(170, 195, 248);}
</b:if>
</style>
<style>
<b:if cond='data:blog.pageType == "static_page"'>
body {
background-color: rgb(173, 248, 170);}
</b:if>
</style>
<style>
<b:if cond='data:blog.pageType == "item"'>
body {
background-color: rgb(223, 78, 78);}
</b:if>
</style>
Coba lihat Hasilnya apakah background pada halaman Home , Posting dan Statis sudah berbeda ? jika belum bisa berkomentar dibawah keluh kesahnya , nah kode diatas hanya untuk kode CSSnya saya jika sobat ingin lebih berbeda lagi seperti blogazine anda harus mempelajari CSS tingkat lanjut lagi dan pelajari elemen-elemen yang ada di blog anda. sekian semoga bermanfaat salam labeltutorial.com
Author : +Asep Septian
