Header Ads

Cara Menambah 3 Kolom di Bawah Header


Sebelumnya saya pernah memuat artikel tentang Cara Menambah 1 Kolom di Bawah Header dan Cara Menambah 2 Kolom di Bawah Header. Sekarang saya akan mencoba menambah 3 kolom di bawah header.
Cara Menambah 3 Kolom di Bawah Header, Cara Menambah Kolom di Bawah Header, Cara Menambah gadget di Bawah Header, Cara Menambah widget di Bawah Header  endolita.blogspot.com
Trik ini tentu saja untuk menambah ruang di template untuk penempatan berbagai macam widget. Terutama penempatan banner iklan. Bagaimana cara membuatnya?

Cara Menambah 3 Kolom di Bawah Header:
  1. Login ke akun Blogger
  2. Pilih Template >> Edit HTML
  3. Copy-paste script berikut di atas kode ]]></b:skin>
  4. #tiga-kolom-dibawah-header {
    clear:both;
    }
    .tiga-kolom {
    }
  5. Lalu copy-paste script di bawah ini di atas kode <div id='main-wrapper'>
  6. <div id='tiga-kolom-dibawah-header'>
    <div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
    <b:section class='tiga-kolom' id='kolom1' preferred='yes' style='float:left;'/>
    </div>
    <div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>
    <b:section class='tiga-kolom' id='kolom2' preferred='yes' style='float:center;'/>
    </div>
    <div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
    <b:section class='tiga-kolom' id='kolom3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    </div>
  7. Simpan Template. Cek di Tata Letak dan lihat perubahannya.
Itulah sekilas pengetahuan saya tentang Cara Menambah 3 Kolom di Bawah Header. Jika mencari artikel serupa, silahkan cek di bawah ini:

No comments

Powered by Blogger.