Cara Mengubah Lebar Kolom Template Di Blogspot

Cara Mengubah Lebar Kolom Template Di Blogspot - Update postingan kali ini blognya Masrahmat.com akan memberikan Tips ngeBlog pada Anda yaitu bagaimana caranya mengubah lebar kolom tempate blogspot Anda. Hal ini seperti yang sudah saya praktekkan sendiri yaitu saya sudah mengubah lebar kolom postingan blog ini agak lebar dengan mengurangi lebar kolom sidebar kanan blog ini.

Jika Anda merasa kurang pas dengan ukuran kolom template blog Anda maka Anda bisa mengubah lebar kolomnya. Sebelum Anda mengubah lebar kolom template blog Anda, ada baiknya Anda mengetahui 

struktur sebuah template atau css yang mengatur lebar dari template itu, biasanya struktur atau css sebuah template mempunyai rumus sbb. :

#header-wrapper = #outer-wrapper = #footer-wrapper = #main-wrapper + Margin + #sidebar-wrapper.

#Outer-Wrapper = Main-wrapper + Sidebar-wrapper+margin
#Sidebar-Wrapper = Sidebar-left+margin+sidebar-right+margin

Keterangan :

1. Header-wrapper = outer-wrapper = footer-wrapper  ( angkanya tetap tak dirubah yaitu 960px) . Pada template ini untuk bagian header ada juga  #navbar-iframe 980px dan body 980px ( bila dikaitkan dengan header wrapper diatas yg hanya 960 berarti ada margin sebesar 20 px) , angka 980 ini abaikan saja jika kita tak merubah lebar blog secara keseluruhan.
2. #outer-wrapper atau blog-wrapper adalah area yang disediakan untuk kolom Main-wrapper (halaman posting) + Sidebar-wrapper (tempat  menyimpan gadget yang dipinggir), dengan ini bila kita mau merubahnya ,maka halaman posting atau sidebarnya juga mesti dirubah , disini saya juga tak merubah angkanya tetap 960px, 
3. Sidebar-wrapper adalah lebar seluruh jumlah kolom atau sidebar yang ada plus margin (bisa 2 atau 3 sidebar/kolom tergantung templatenya) , contoh template blog ini disamping sidebar utama ada 2  sidebar dibawahnya yaitu sidebar left dan sidebar right
4. Sampai disini.. bingung gak ??.. kalau bingung..ya sama , saya juga bingung gimana nulisnya antara apa yang saya lakukan kemudian dituangkan dalam tulisan.. haha.. mendingan langsung ke prakteknya aja ya , ini yang saya lakukan :

Cara Merubah Lebar Kolom Pada Template :

1. Masuk ke Dashboard
2. Pilih Layout , lalu klik Edit HTML
3. Tak usah centang  Expand Widget Template, biar gak pusing
4. Jangan lupa Backup template dulu dengan  Download Full Template
5. Untuk memudahkan pencarian , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
6. Perhatikan sebagian kode Css dibawah ini ( saya copy yang pentingnya saja) yang diganti adalah angka yang warna merah
7. Kalau sudah jangan lupa simpan template

Contoh sebagian css lebar kolom template yang saya rubah bisa Anda lihat seperti pada gambar berikut ini:

Itulah tips ngeblog kali ini yaitu bagaimana cara mengubah lebar kolom template blogspot dengan mudah. Semoga bermanfaat bagi Anda.