PrintFriendly

Sabtu, 27 Juli 2013

Cara Edit Lebar Kolom pada Blog

Kali ini saya share bagaimana cara merubah kolom pada template blog sobat, barang kali ada yang belum ngerti bagian-bagian yang perlu untuk di edit, sehingga bisa menetukan lebar template blog sobat blogger.Perlu diperhatikan untuk merubah lebar kolom harus memahami bagian-bagian dari isi template , berikut beberapa bagian yang dipahami :

#Outer-Wrapper : Ukuran lebar template
#Sidebar-Wrapper : Ukuran lebar sidebar
#Main-Wrapper : Ukuran lebar postingan

Setelah memahami,berikut langkah-langkahnya :
  1. Masuk akun blog sobat
  2. Masuk ke menu Template >> edit HTML >> Procced >> centang Expand Template Widget
  3. Cari Kode Berikut :
/* Outer-Wrapper----------------------------------------------- 
*/#outer-wrapper {width: 980px;margin: 0 auto;padding: 0px 0px;text-align: left; font: $bodyfont;background:#fff;}
#sidebar-wrapper {width: 315px;float: right;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 */}
#main-wrapper {width: 630px;float: left;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 */}
#crosscol-wrapper {padding:0 auto;margin:0 auto;}.crosscol .widget {margin:0 auto;padding:0px 0px 6px 0px;}

Keterangan :
"Ubah nilai yang berwarna ungu sesuai keinginan sobat blogger"
Kemudian Save Blog sobat sudah berubah ukuranya... :) Demikian postingan kali ini semoga bermanfaat.

Tidak ada komentar:

Posting Komentar

Klik gambar Emo dan salin atau copy tulisan yang muncul Lalu tempel atau paste di kotak Komentar agar Gambar / Emo bisa muncul dalam komentar anda