Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Kamis, 14 Januari 2016

Cara Membuat Satu Kolom Widget Dibawah Header

Cara Membuat Satu Kolom Widget Dibawah Header masih sama dengan ketika sobat membuat satu kolom widget diatas header dan bedanya hanya terletak pada penempatan saja. Seperti yang telah saya jelaskan pada artikel sebelumnya, cara membuat satu kolom widget dibawah header ini juga memberikan manfaat bagi sobat untuk memasang beberapa konten yang ingin sobat tampilkan dibawah header apalagi jika sobat membuat dua atau tiga kolom widget. Silahkan sobat pelajari cara membuat satu kolom widget dibawah header berikut ini

Cara Membuat Satu Kolom Widget Dibawah Header

Cara Membuat Satu Kolom Widget Dibawah Header
  1. Masuk ke akun blogger sobat
  2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard sobat
  3. Cari kode ]]></b:sin>
  4. Letakkan kode berikut diatas kode ]]></b:sin>
    #oneunderheader{margin:10px 0;padding:1%;width:100%;}
  5. Cari kode berikut ini
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>

    </div>
  6. Letakkan kode berikut ini tepat dibawah kode </div> pada no.5
    <div id='oneunderheader'>
    <b:section class='header' id='oneunderheader' preferred='yes'/>
    </div>


    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='test (Header)' type='Header'/>
    </b:section
    >
    </div>
    <div id='oneunderheader'>
    <b:section class='header' id='oneunderheader' preferred='yes'/>
    </div>
  7. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template sobat
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang sobat miliki dengan setiap panduan yang sobat dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate sobat

Semoga artikel cara membuat satu kolom widget dibawah header ini bermnafaat. Jika ada permasalahan dalam memasang kode, silahkan tinggalkan komentar sobat di artikel ini, cara membuat satu kolom widget dibawah header




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP