Menambah dan Membuat Satu Kolom Widget Bawah Header

Membuat satu kolom widget bawah header telah banyak dibahas oleh blogger-blogger tanah air dan artikel ini merupakan ringkasan dari Cara Membuat Kolom Widget Bawah Header yang telah saya bahas sebelumnya secara lengkap dan membingungkan :)

Membuat Satu Kolom Bawah Header

Dan berikut cara Menambah dan Membuat Satu Kolom Widget Bawah Header
  1. Login ke blog sobat
  2. Pilih Template >> Edit HTML >> Lanjutkan
  3. Centang Expand Template Widget
  4. Tekan Ctrl + F pada keyboard
  5. Cari kode ]]></b:skin>
  6. Tambahkan kode berikut diatas ]]></b:skin> sehingga tanpilannya akan seperti ini
    #bawahheader{
    float:left;
    width:100%;
    }

    ]]></b:skin>
  7. Lalu cari kode <div id='header-wrapper'>
    Kode lengkapnya seperti ini
    <div id='header-wrapper'>
    <b:section class='header'id='header'maxwidget="1'showaddelement="no">
    <b:widget id='header1'locked='true'title='nama blog sobat(header)'
    type='header'/>
    -------------
    -------------
    </b:section>
    </div>
    =====> kode penutup <div id='header-wrapper'>
  8. Tambahkan kode
    <div id='bawahheader'>
    <b:section class='header' id='bawahheader' preferred='yes'/>
    </div>

    di bawah </div>
  9. Sehingga hasilnya seperti berikut ini
    <div id='header-wrapper'>
    <b:section class='header'id='header'maxwidget="1'showaddelement="no">
    <b:widget id='header1'locked='true'title='nama blog sobat(header)'
    type='header'/>
    -------------
    -------------
    </b:section>
    </div>

    <div id='bawahheader'>
    <b:section class='header' id='bawahheader' preferred='yes'/>
    </div>
Selesai. Silahkan pratinjau terlebih dahulu, jika tidak ada error dalam Menambah dan Membuat Satu Kolom Widget Bawah Header, klik simpan template

Tidak ada komentar