Membuat halaman blog dinamis, bag kesatu.

Ide pengen Membuat Blog Dinamis muncul ketika melihat blog yang tampilannya bisa berubah-ubah, antara tampilan halaman depan/home dengan halaman posting. dari keinginan itu saya cari-cari informasi tentang cara membuat blogspot dinamis. sampai ketemu pada sebuah artikel yang berjudul "Membuat halaman blog dinamis".

Setelah saya pelajari, saya langsung praktekan pada blog saya.
1. Halaman Depan Atau FrontPage
2. Halaman Index Label
3. Halaman Archives Page
4. Halaman Postingan atau Item Pages ( red. readmore mengunakan hal ini ).

Berikut ini script untuk Membuat Blog Dinamis.

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"> 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;'> dan 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"'> dan di tutup dengan </b:if>


Contoh :

Jika kita ingin merubah ukuran kolom atau menyembunyikan kolom.
Ilustrasi halaman content.

Ilustrasi halaman depan atau front page

Yang perlu kita lakukan adalah menambah script untuk ukuran kolom yang akan di tampilkan pada halaman depan , dan menyembunyikan untuk kolom Sidebar 1.
caranya.
Setelah script ]]></b:skin>
Tambahkan di antaranya ( kira-kira ) , script seperti ini.
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper {
width:400px;
}
.post-body img{
width:….px;
}
.post-body {text-align:justify;}
.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 .5em 1.5em 0;
padding:0 0 1.5em;
}
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#Sidebar 1 { display:none;}
</b:if>
</style>

Yang artinya kira-kira begini.
Pertama : Hai kolom content ( main-wrapper ) saya tahu di Css –nya ( red. css atas ), ente sudah saya beri ukuran lebarnya 600 px, namun saya kepingin untuk halaman depanya ente tampil lebarnya 400 px.
Kedua : Hai Sidebar 1, ente cuman tampil pada halaman depan saja, untuk halaman content ente mesti sembunyi.. kacihan deh lu.
semoga bermanfaat