Jumat, 09 April 2010

CARA MERUBAH UKURAN SIDE BAR DAN MAIN BAR

Ukuran terkadang membuat tampilan kurang sedap dipandang,kurang proporsional dan ga matcing bhasa condetnya..hehee...Ya kita menghadapi masalah kecil tapi cukup berpengaruh pada kecantikan blog kita..Ok lah sekarang dengan ilmu yang pas pasan saya mencoba untuk membaginya kepada teman teman sekalian dan mudah2 hal yang kecil ini bisa bermanfaat...

1.Kita harus tahu dulu apa sih istilah dalam kode HTML, kolom yg ada disamping halaman kita yang tidak terlalu besar dan biasanya ada disebelah kiri atau kanan halaman

dan apa sih nama kolom yang biasa kita tempatkan artikel2 kita yang biasanya lebih besar dari kolom samping

A)kolom samping(sidebar-wraper)

B)kolom postingan atau kolom utama(main wraper)

2)Nahhh...setelah kita tahu istilah2 itu kita langsung saja menuju dasbor dan klik link edit HTML

3)Cari istilah2 dibawah ini yang sudah kita ketahui:
#outer-wrapper {
width: 800px;
DAN SETERUSNYA...

#main-wrapper {
width: 410px;
DAN SETERUSNYA...

#sidebar-wrapper {
width: 300px;
DAN SETERUSNYA...

dengan menekan F3 anda bisa lebih mudah mencari kode tersebut dan masukkan sedikit kode seperti(#main-wrapper {
lalu enter..Ok
4.Anda lihat tulisan widht pada side bar dan main wraper yg sudah saya beri warna biru,Rubahlah ukuran pada widht side bar dan main wraper sesuai selera anda dan jangan lupa agar halaman benar2 pas sesuai kemauan anda,anda juga harus merubah widht pada outer wraper jika sidebar ukurannya 300px dan mainwraper 410 maka di outer wraper widhtnya juga dirubah menjadi lebih besar dari hasil sidebar ditambah main wraper.Rumus: SIDEBAR+MAIN WRAPER=OUTER WRAPER yang harus diperhatikan ukuran outer wraper harus lebih besar dari hasil jumlah sidebar widht ditambah main wraper.sekian dan selamat mencoba....

Tidak ada komentar:

Posting Komentar