Cara Menambah 2 Kolom Dibawah Header

Pada postingan sebelumnya saya pernah bahas tentang cara menambah elemen 1 kolom dibawah header blog. Untuk tutorial blog kali ini saya akan share bagaimana cara menambah 2 kolom dibawah header. Nah untuk mempersingkat saya mulai saya ke topik pembahasan dibawah ini.

Cara Menambah Elemen 2 Kolom Dibawah Header
1. Login ke bloger
2. Pada dashboard, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya


#terlintas2-kolom {clear:both;}.dua-kolom {}

4. Selanjutnya cari kode <div id='main-wrapper'> dan letakkan kode berikut diatasnya

<div id='terlintas2-kolom'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/></div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/></div>
<div style='clear:both;'/></div>

5. Simpan template

tutorial blog

Terlintas

Cara Menambah 2 Kolom Dibawah Header

Related Posts

Entri Populer