Cara Manjur membuat template Blog 3 kolom pada blog anda

Mudah dan hanya beberapa langkah

Colorful House on Burano Island

Karena kita baru belajar, langkah paling awal yang dilakukan adalah memilih Desain Blog Template yang tepat. Disini saya sarankan untuk memilih Minima Template. Minima Template sudah tersedia di pilihan New Template pada Layout Blog Anda. Minima Template terbagai 4 pilihan, yaitu :

1. Minima
2. Minima Dark
3. Minima Blue
4. Minima Orchre
   

Silahkan pilih salah satu, untuk menjadi dasar langkah pembentukan tutorial 3 kolom ini.

Kemudian, Anda cukup melakukan 3 langkah sederhana untuk membentuk Template blog 3 kolom ini. Berikut langkah sederhana tersebut :


Langkah pertama

Menambah 1 element untuk sidebar baru kita.
Caranya, copy kode dibawah ini, lalu ditelakkan atau paste di atas kode #main-wrapper


#sidebar2-wrapper {
width: 200px;
float: left;
margin-right:10px;
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 */
}

Jadinya :




Jangan lupa, ganti width untuk sidebar2-wrapper dan sidebar-wrapper {sebesar 190px dan Margin right sebesar 34px atau nilainya terserah),

Pada main-wrapper, width dirubah menjadi 410px

Float pada sidebar2-wrapper dirubah menjadi right

Tambahkan margin-right:34px atau nilainya terserah); pada sidebar-wrapper, tepat dibawah float: $endSide;




Langkah kedua.


Selanjutnya, copy kode dibawah ini, lalu kemudian taruh di atas <div id='main-wrapper'>

<div id='sidebar2-wrapper'>

<b:section class='sidebar' id='sidebar2' preferred='yes'>

</div>

Jadinya setelah dimasukkan data tersebut

Langkah ketiga

Ganti lebar #header-wrapper { dan /* Outer-Wrapper
Masing – masing width-nya sebesar 660 menjadi 860px

Jadinya setelah dimasukkan data tersebut







Nah, kalau semua dilakukan, anda tinggal melihatnya Hasilnya pada Page Elements. Berikut contohnya :


Terakhir, Anda tinggal memindah-mindahkan kolom-kolom gadget pada posisi yang menurut anda manis, agar tampilannya lebih menarik.

Oh ya, ada satu lagi, kalau anda ada keingin untuk merubah code-code warna pada blog anda, anda tinggal melihatnya pada alamat website berikut.