Selasa, 17 September 2013

CARA MEMBUAT 3 KOLOM DI BAWAH HEADER

Okelah sobat semua saat ini saya akan berbagi lagi satu trik tentang bagaimana cara membuat 3 kolom di bawah header, semoga saja ini akan menjadi titik temu dari kata kunci yang anda cari selama ini.
Sekarang untuk menerapkan trik ini silahkan ikuti petunjuknya...



Berikut ini langkah-langkahnya:

1.  Login ke blogger.
2.  Setelah masuk dasbor lalu pilih Template.
3.  setelah itu klik Edit HTML.
4.  Cari kode ]]></b:skin>

5.  Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

    #Header-column-divide {
    clear:both;
    }
    .header-column {
    padding: 10px;
    }


    #header-column-divide {
    clear:both;
    }
    .header-column {
    padding: 10px;
    }


6.Selanjutnya Cari kode dibawah ini .

    <div id='header-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>


7.Bila sudah ketemu Hapus kode <b:section class='footer' id='footer'/> lalu ganti bengan kode dibawah ini .

    <div id='header-column-divide'>

    <div id='header1' style='width: 30%; float:left;
    margin:0; text-align:left;'>
    <b:section class='header-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='header2' style='width: 40%; float: left;
    margin:0; text-align: left;'>
    <b:section class='header-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='header3' style='width: 30%; float: right;
    margin:0; text-align: left;'>
    <b:section class='header-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>


8.Klik Simpan Template .
Selesai dech, sekarang silahkan sobat lihat bagaimana hasilnya.

Terimakasih Telah Berkunjung
Judul: CARA MEMBUAT 3 KOLOM DI BAWAH HEADER
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga saja artikel ini bermanfaat bagi Sahabat Cara Terkini semuanya . Jika kalian ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://kumpulan-terkini-93.blogspot.com/2013/09/cara-membuat-3-kolom-di-bawah-header.html. Terima kasih sudah datang untuk membaca artikel ini. Jangan lupa share artikel ini dan silahkan tinggalkan komentar anda dibawah.

Related Posts

CARA MEMBUAT 3 KOLOM DI BAWAH HEADER
4/ 5
Oleh