Membuat Tampilan Home Berbeda bag.2

21 Apr 2010

Beranda » Blogging » Membuat Tampilan Home Berbeda bag.2

Membuat Tampilan Home Berbeda bag.2

Ditulis oleh Kian pada 15:03 | 21 Apr 2010

Oke, sehubungan di postingan sebelumnya belum begitu jelas, (katanya) akan saya perjelas di postingan kali ini.
Untuk dapat membuat main wrapper yang berbeda antara halaman awal dengan halaman postingan dari blog kamu cukup taruh kode dibawah ini, diatas kode </head>

<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#main-wrapper{width:335px;float:left}
</b:if>
</style>

ganti angka 335 dengan ukuran yang kamu inginkan. (sebaiknya disesuaikan dengan blog yang kamu punya)
Contohnya lihat di blog saya ini atau gambar di bawah ini

Nah, kemudian untuk dapat menampilkan sidebar di halaman home saja,cukup taruh kode dibawah ini diatas kode </head> juga.

<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>

Kemudian ganti #newsidebar-wrapper dan #twocolumn dengan ID SIDEBAR blog kamu. Jangan lupa untuk memakai tanda pagar (#) di awal ID SIDEBAR dan pisahkan dengan koma (,) apabila sidebar yang ingin disembunyikan lebih dari satu.

Untuk dapat mengetahui ID SIDEBAR, caranya yaitu

Masuk ke halaman Page Element
Kemudian klik Add a Gadget
Lalu lihat ujung dari URL tersebut. contoh :

http://www.blogger.com/choose-gadget?blogID=7359354730020106246&sectionId=newsidebar-wrapper

maka ID SIDEBAR nya adalah newsidebar-wrapper

Oke selamat mencoba,,,,,,