Cara Melebarkan Kolom Postingan Blogger

TKJ	Tittle	:	Cara Melebarkan Kolom Postingan
	Issue Date	:	05 Februari 2017
	Prepare by	:	Siti Octavianah
	Teacher	:	Maman Hariana, S.Kom
	SMK AL-BAHRI KOTA BEKASI

1. Buka Tata Letak (Layout) 

2. Lalu pilih Edit HTML, kemudian carilah kode HTML sbb :

Header wrapper= melebarkan kolom header

 #header-wrapper {
width:660px;

Angka 660px diatas bisa diganti yang lebih besar. Disesuaikan keinginan semisal  880px

Outer-wrapper= melebarkan halaman blog

 #outer-wrapper {
width:660px

Andapun bisa mengganti 660px menjadi 880px. 

Perhatikan mengenai besar angkanya harus sama dengan besar angka pada bagian #header-wrapper diatas. 

Misalnya pada #header-wrapper diubah menjadi 880px, maka pada #outer wrapper ini besar angkanya juga harus 880px. 

#footer {
width:660px;

Silakan ganti lagi angka 660px diatas dengan angka yang 

sama dengan #header-wrapper dan #outer-wrapper, yakni 880px;

barulah kemudian melebarkan bagian kolom pada blog :

Cara berikut membesarkan kolom sidebar atau main. 

Main wrapper= melebarkan kolom postingan blog

#main-wrapper

width :410px

 #sidebar-wrapper

width : 220px

silakan diutak-atik angka 410px menjadi 610px, dan angka 220px menjadi 240px. 

3. Klik SAVE untuk menyimpan perubahan settingan yang dibuat.

Angka diatas merupakan sebatas gambaran saja tidak harus mutlak dengan ukuran yang sama. Berdasarkan keinginan masing-masing individu. Harap diingat selalu Jumlah dari “width sidebar” dan “width main” tidak boleh melebihi“width outer-wrapper” Karena bila melebihi,membuat tampilan sidebar melorot.

Bagi para blogger pemula, tidak ada salahnya kan untuk selalu mencoba yang baru. Demi perbaikan dan kemajuan dalam blog kita masing-masing. Selamat, mencoba