Selasa, 07 Januari 2014

Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisional - Postingan kali ini berkaitan dengan tag kondisional pada blogger , sebelumnya bagi yang belum tau tag kondisional itu apa dan cara menggunakannya , silahkan simak simak pada pembahasan berikut  :

TAG KONDISIONAL LENGKAP DAN CARA MENGGUNAKANNYA


Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisional


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 == &quot;item&quot;'>
     OBJEK
</b:if>

tag untuk Tampilan Posting

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
     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


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 == &quot;static_page&quot;'>
body {
    background-color: rgb(173, 248, 170);}
</b:if>
</style>
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
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

Tagged: ,