Cara Menentukan Lebar Header, Kolom, Sidebar dan Footer

Template memiliki lebar dan layout yang berbeda-beda. Dari sekian banyak template terdapat beberapa template yang sudah sesuai dengan selera anda, sebagian lagi masih jauh dari tampilan/ design yang anda suka. Jika menggunakan template bawaan blogger, penyesuaian lebar header, sidebar dapat dilakukan melalui menu template designer / perancang template, tapi jika anda menggunakan template bukan dari blogger, maka harus meredesign sendiri.

Posting ini akan menjelaskan cara melakukan penataan ulang untuk lebar header, sidebar, dan kolom utama template agar menjadi sesuai dengan citarasa anda. Sebagian blogger lebih mementingkan citarasa design blog katimbang melakukan kegiatan optimasi, padahal sebenarnya yang harus diberi prioritas adalah optimasi blog.

Cara mengetahui lebar header template

Cari kode berikut:

#header-wrapper {
height:130px;
margin:0 auto;
width:960px;

Perhatikan kode width:960px, berarti lebar header template 960px

Cara mengetahui lebar sidebar

Cari kode berikut:

#sidebar-wrapper {
float:right;
overflow:hidden;
width:180px;

Lebar sidebar kanan adalah 180px. Cara yang sama bisa dilgunakan untuk mengetahui lebar sidebar kiri (left)

Cara mengetahui lebar kolom utama (main column)

Cari kode berikut:

#main-wrapper {
float:left;
margin-top:10px;
overflow:hidden;
width:550px;

Cara mengetahui lebar footer template

Cari kode berikut:

#footer-wrapper {
height:130px;
margin:0 auto;
width:960px;

Kolom utama template biasanya tidak lebih dari 550px, namun ada juga beberapa template yang menggunakan kolom utama lebih dari 550px dan juga kurang dari 550px.

Note:

Setiap template kodenya tidak selalu sama. Jika tidak menemukan kode yang sama persis dengan kode yang saya tulis diatas, carilah kode yang hampir sama.