Menambah Kolom Elemen dibawah Header

Menambah kolom elemen dibawah header sangat diperlukan bagi template yang tidak mendukung Iklan. Seperti yang banyak kita temui pada template asli bawaan blogger, Akan sangat jarang sekali terlihat tambahan kolom seperti ini. Kolom tambahan ini biasanya terdapat berada persis dibawah Deskripsi blog. Sesuai ufngsinya, Kolom Elemen dibawah header dipergunakan untuk memasang widget yang berhubungan dengan iklan. Tetapi sebatas kebutuhan pengguna, Sobat blogermie juga bisa memasangnya untuk keperluan menu navigasi vertikal maupun widget random post

Secara umum, Elemen tersebut tidak akan ada, pada tab elemen, Untuk layout-nya sobat blogermie bisa melihatnya dihalaman Dashboard>>Design>>Tab Element, Disini akan tampak penampilan sebenarnya

Untuk menambahkan kolom elemen dibawah header tidak terlalu sulit, cukup dengan menyisipkan beberapa kode HTML sesuai langkah dibawah ini:

1. Klik Tab Edit HTML, jangan lupa centang Expand Template Widget
2. Kopi CSS ini dan letakkan tepat diatas kode ]]></b:skin>

#bawah_header{ margin:10px 0; padding:1%; width:98%; }

3. Untuk kode bodi-nya, terlebih dahulu carilah kode Header yang mirip dengan dibawah ini. Kode tidaklah harus sama, karena setiap struktur kode template sobat yang berbeda-beda

<div id="header-wrapper">

<b:section class="header" id="header" maxwidget="1" showaddelement="no">

<b:widget id="Header1" locked="true" title="About Heru Prasetyo (Header)" type="Header">

</b:widget></b:section></div>

4. Letakkan kode ini tepat dibawahnya

<div id="bawah_header"> <b:section class="header" id="bawahheader" preferred="yes"> </b:section></div>

5. Simpan dan lihat hasilnya saat anda membuka tab elemen seperti gambar dibawah ini
Sekarang anda bisa memasang widget apapun dikolom ini, baik itu iklan maupun widget yang lainnya

---

Judul: Menambah Kolom Elemen dibawah Header ›› Diulas Oleh: Heru Prasetyo ›› Reputasi halaman : 5 dari 5