Senin, 09 Januari 2012

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:

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

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

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>

Letakkan kode ini tepat dibawahnya

<div id="bawah_header"> <b:section class="header" id="bawahheader" preferred="yes"> </b:section></div>
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

2 komentar