Cara mengatur Lebar header, Sidebar dan Kolom utama

Apakah anda pernah merasa kesulitan mengatur lebar header blog karena tidak tahu lebar dari space header yang disediakan template blog pilihan anda? atau juga mengatur lebar sidebar dan kolom utama? 

Posting ini mungkin sedikit bisa membantu dan pastinya sudah tahu dong cara masuk ke editing template jadi langsung aja ya..

1. Untuk mengetahui lebar header
Cari kode berikut (contoh) :
#header-wrapper {
height:130px;
margin:0 auto;

width:960px;

perhatikan kode width:960px, berarti lebar header template Anda adalah 960px

2. Untuk mengetahui lebar sidebar
cari kode (contoh):
#sidebar-wrapper {

float:right;

overflow:hidden;

width:180px;

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

3. Untuk mengetahui lebar main kolom
cari kode (contoh) :
#main-wrapper {
float:left;
margin-top:10px;
overflow:hidden;

width:550px;

Maksudnya kolom utama template Anda lebarnya adalah 550px.

Mohon koreksinya kalau ada yang kurang tepat, posting ini sebenarnya untuk panduan aku juga karena suka-suka lupa.

Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bisnis Fantastis secara gratis melalui email

Delivered by FeedBurner

Share |

Sebaiknya baca juga artikel terkait berikut ini: