Cara Menentukan Lebar Header, Kolom dan Sidebar

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;


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.

sumber : http://geosya.blogspot.com/2012/06/cara-menentukan-lebar-header-kolom-dan.html