TAMPILAN WIDGET PADA HALAMAN TERTENTU SAJA

Langsung aja deccchhhh ya...!!!

A . Kolom, ukuran kolom  atau widget, di tampilkan pada  halaman depan namun disembunyikan atau ( berubah ) pada halaman Item Pages – Postingan. scriptnya mengunakan ini.

<b:if cond="data:blog.url == data:blog.homepageUrl"> Letakan Kolom, ukuran kolom  atau widget anda disini, kemudian di tutup dengan </b:if>

B. kolom atau elemen yang tampil pada halaman depan dan indek label, namun tidak tampil atau ( berubah ) pada halaman Item Pages – Postingan.

<b:if cond='data:blog.pageType != &quot;item&quot;'>  Letakan Kolom, ukuran kolom  atau widget anda disini, kemudian di tutup dengan </b:if>

C. Pada halaman depan,  kolom atau elemen widget-nya tidak tampil namun akan tampil atau ( berubah ) pada halaman Item-Pages – Postingan.

<b:if cond='data:blog.pageType == "item"'>  Letakan Kolom, ukuran kolom  atau widget anda disini, kemudian di tutup dengan </b:if>

Kurang lebih maksudnya seperti ini :
jika kita ingin "Membuat Halaman Home, Berbeda dengan Halaman Posting" maka kita akan menggunakan script A.

contoh kasus-nya akan seperti ini :
Pada halaman depan atau home kita memiliki 4 buah kolom, dan pada halaman postingan kita ingin agar sebuah kolom kita menghilang, maka akan muncul hannya 3 kolom pada halaman postingan.
untuk lebih jelasnya silahkan lihat gambar :

nah pada halaman postingan gambarnya akan seperti ini :

Pertanyaanya kemanakah kolom "sidebar 1"?? nah itu yang kita bahas dari tadi...
caranya :
sebelum tulisan  ]]></b:skin>
anda telah membuat beberapa kolom yang anda beri nama sesuai dengan nama kolom-kolom kita, yang scriptnya kurang lebih seperti ini :

#content {
width: 600px;
} 
#Sidebar-1 {
width: 200px;
} 
#Sidebar-2 {
width: 200px;
} 
#Sidebar-3 {
width: 200px;
} 
#Sidebar-4 {
width: 200px;
}

Setelah tulisan  ]]></b:skin> 
Tambahkan di antaranya ( kira-kira ) , script seperti ini :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#content {
width:400px;
}
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#Sidebar 1 { display:none;}
</b:if>
</style>

Yang artinya kurang lebih seperti ini :

<style type='text/css'>

 Artinya " saya akan menambahkan sebuah gaya pada blog saya dengan menggunakan text/css "


<b:if cond='data:blog.pageType != &quot;item&quot;'> 
Artinya " jika kondisi blog yang dibuka adalah halaman depan dan indek label maka 

#content {

width:400px;

}

Artinya " hi content berubahlah lebarmu menjadi 400px "
</b:if> ini adalah akhir dari kondisi yang saya katakan di depan". 


<b:if cond='data:blog.pageType == &quot;item&quot;'> 
Artinya " jika kondisi blog yang dibuka adalah halaman depan dan indek label maka : 

#Sidebar-1 { display:none;} sidebar-1 tidak usah muncul ya!!!

</b:if> ini adalah akhir dari kondisi yang saya katakan di depan".

</style> ini adalah akhir dari gaya yang saya telah katakan di depan.

Gimana gampang kan??
Oia kita juga bisa membuat lebih banyak kreasi seperti, content yang pada halama awal berada di kanan maka pada halaman post akan berada di bagian kiri, caranya tinggal tambahkan aja perintah
Selamat mencoba...

Sumber : catalog-tutorial.blogspot.com