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:
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:
- Klik Tab Edit HTML, jangan lupa centang Expand Template Widget
- Kopi CSS ini dan letakkan tepat diatas kode ]]></b:skin>
- 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
- Letakkan kode ini tepat dibawahnya
- Simpan dan lihat hasilnya saat anda membuka tab elemen seperti gambar dibawah ini
#bawah_header{ margin:10px 0; padding:1%; width:98%; }
<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>
<div id="bawah_header"> <b:section class="header" id="bawahheader" preferred="yes"> </b:section></div>


wah boleh banget nih di gunakan untuk mengisi kekosongan bawah header :D mantap!
BalasHapusbtw email sobat yang mana ya?
@Farix: Ini email saya Heruxumi@gmail.com. saya juga sedang mau ngedit template,pake css, sperti ada yg kurang thq
BalasHapusoke deh Heruxumi@gmail.com sebentar ya :)
BalasHapushappy tutorial ,, thank for share
BalasHapusWah keren gan,ane ijin share di blog ane,gan.
BalasHapuskeren.....
BalasHapusHasil yang menarik setelah dicoba, apalagi setelah dipasang iklan bergambar pada kolom... menambah cantik tampilan halaman blog yang dimiliki..
BalasHapusterima kasih artikelnya..
sukses selalu