Assalamualaikum Wr. Wb . . .
Postingan kali ini saya akan membahas tentang tag <b:if> tag ini mampu membuat blog kita tampil beda dari pada yang lain, jadi simak baik - baik ya, gak nyimak juga gak apa2 hehehe
bagi yang ingin membuat blog nya tampil beda pasti nyimak ( ngarep ), ok mari kita mulai,
Catatan :
Semua kode di bawah ini penyimpanannya di atas kode </head>
1. Tag Untuk Tampilan homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
Disini kode CSS untuk tampilan homepage
</style>
</b:if>
Sebagai Contoh untuk tampilan Homepage saya beri seperti ini
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body { background:#090; }
#main-wrapper { background:#0a0; }
#sidebar-wrapper { background:#999; }
#outer-wrapper { background:#ddd; }
</style>
</b:if>
Coba anda simpan kode tersebut di atas kode </head>
Lalu klik Pratinjau terlebih dahulu, dan lihat tampilan homepage anda jika sudah silahkan
simpan template anda.
Anda bisa ganti kode CSS nya sesuai dengan kode yang ada di template anda, kode warna nya juga silahkan sesuaikan dengan warna kesukaan anda lihat KODE WARNA
Kode ini juga bisa anda manfaatkan untuk menghilangkan widget di halaman Hompage dengan menambahkan kode display:none; Contoh anda ingin hilangkan widget followers, terlebih dahulu anda cari ID dari widget follower tersebut anda bisa baca, cara mencari ID widget
Nah kalau anda sudah mengerti mari kita lanjutkan, lalu bagaimana cara menghilangkannya anda cukup memCopy ID nya lalu buat seperti ini #Followers1 { display:none; }
Beri tanda # ( pagar ) sebelum ID widget.
Jadi Nanti Kode nya Seperti ini,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body { background:#090; }
#main-wrapper { background:#0a0; }
#sidebar-wrapper { background:#999; }
#outer-wrapper { background:#ddd; }
#Followers1 { display:none; }
</style>
</b:if>
Nah jika widget anda ingin di hilangkan di halaman hompage maka seperti itu cara nya, jadi cari terlebih dahulu ID widget nya lalu beri kode seperti itu.
OK kita lanjut ke tag selanjutnya, saya tidak jelaskan lagi karena cara nya hampir sama dengan yang saya jelaskan di atas.
2. Tag Untuk Tampilan Postingan
Tampilan ini akan muncul saat seseorang mengklik / membaca postingan kita
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
Disini Kode CSS untuk tampilan Postingan
</style>
</b:if>
3. Tag Untuk Tampilan Archive
Tampilan ini akan muncul saat seseorang mengklik Arsip kita, misalnya seseorang mengklik arsip kita di bulan November maka tampilan ini akan muncul.
<b:if cond='data:blog.pageType == "archive"'>
<style type='text/css'>
Disini Kode CSS untuk tampilan Archive
</style>
</b:if>
4. Tag Untuk Tampilan Halaman Statis atau biasa di sebut Laman
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
Disini Kode CSS untuk tampilan Halaman Statis
</style>
</b:if>
5. Tag Untuk Tampilan Label
Tampilan ini akan muncul saat seseorang mengklik Label / kategori yang ada di blog kita.
<b:if cond='data:blog.searchLabel'>
<style type='text/css'>
Disini Kode CSS untuk tampilan Halaman Label
</style>
</b:if>
6. Tag Untuk Tampilan Halaman tertentu
Tag ini berfungsi untuk menampilkan suatu objek yang hanya tampil pada URL halaman tersebut saja
<b:if cond='data:blog.url == "URL HALAMAN"'>
<style type='text/css'>
Disini Kode CSS untuk tampilan Halaman tertentu
</style>
</b:if>
Contoh anda ingin menampilkan widget Followers hanya di postingan parse kode html
Maka Tag nya akan menjadi seperti ini
<b:if cond='data:blog.url == "http://sin1aja.blogspot.com/2010/11/parse-kode.html"'>
<style type='text/css'>
Disini Kode CSS untuk tampilan Halaman tertentu
</style>
</b:if>
Maka secara otomatis widget Followers nya hanya tampil di postingan Parse kode HTML, selain di postingan Parse kode HTML, maka Widget Followers nya tidak akan muncuL.
Mudah2 postingan ini bisa membantu anda dalam mendesain blog anda.
