Tuesday, April 28, 2009

EDIT LEBAR KOLOM POSTINGAN



Coba Cari Kode Ini

/* ---( layout structure )---*/

#outer-wrapper { width: 920px; margin: 0px auto 0; text-align: justify; } = lebat keseluruhan kolam kiri tengah dan kanan

#content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 100%; }

#main { float: left; width: 418px; margin:0px 5px; padding: 0px 0px 0px 24px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } = Lebar Kolam Posotingn Warna Putih Pada Gambar

#sidebar { float: left; width:200px; padding-left:30px; font-size: 85%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } = Lebar Kolam Sebelah Kiri Warna Merah Pada Gambar

#ads-wrapper {float:right; width:200px; padding-right:43px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */} = Lebar Kolam Sebelah Kanan Warna Biru Pada Gambar

#ads{font-size: 100%; color: $sidebartextcolor; padding: 0px; }

#center {background:#fff url('http://i203.photobucket.com/albums/aa170/kuansing_one/Hero2.jpg') repeat-y top left;} = Ini adalah background tamplate.

Jadi Artinya anda bias mengedit lebar kolam sesuai dengan kebutuhan anda. Tinggal menganti angka angka yang berwarna Biru. Tapi agar tidak kelihatan acak acakan atau ancur yang mesti anda ingat adalah jumlah lebar semua kolam mesti sama dengan jumlah outer-wrapper.

EDIT HEADER ( KEPALA BLOG )


Mengenal Struktur Template

Struktur intinya kalu gak salah adalah

Header = Kepala blog
Main = kolom postingan
Footer = kolam paling bawah atau penutup

Header

Cari kode

/* ---( header and site name )--- */

#header-wrapper { margin: 0; }

#header { margin: 0; height:306px; width:920; color: $pagetitlecolor; background: url('http://i203.photobucket.com/albums/aa170/kuansing_one/Hero1.jpg') no-repeat top left; overflow: hidden}

Untuk Header Atau kepala blog codenya seperti diatas. Anda bias merubah ukuran ringgi dan lebarnya sesuai dengan gambar yang akan anda jadikan header. Cara menganti gambarnya gampang ko. Anda upload gambar di mana kek, kalau aku di http://phptobucket.com trus ganti url http://i203.photobucket.com/albums/aa170/kuansing_one/Hero1.jpg' dengan url gambar kamu tersebut.

Disini tersedia bermacam bentuk header Download Free Header