Menambah Elemen Di Atas Header

Kalau dulu banyak yang posting soal menambah elemen di bawah header, maka saya sedikit berbeda. (Padahal sama saja aslinya) Menambahkan elemen di Atas header bisa jadi sangat bermanfaat. Misalnya saja untuk iklan. Bisa juga untuk slide foto kita atau mau menampilkan hal-hal lain yang bener-bener pengen 'ditonjolkan'. Nah cara membuatnya gak jauh berbeda dengan cara membuat elemen di bawah header, cuma berbeda pada penempatan script saja.

1. Cari kode ]]></b:skin>
2. Tambahkan kode berwarna biru di bawah ini di atas ]]></b:skin>

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

3. Cari bagian <div id='header-wrapper'>
4. Copy kode di bawah ini di atasnya

<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

5. Klik Simpan

Nah, kalau pengen gadget diletakkan di bawahnya, tinggal pindahkan script kedua ke posisi yang diinginkan.

Misalnya saja letakkan script kedua di bawah 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>

Perlu diingat sekarang template sudah sangat beraneka ragam, jadi bisa saja script sedikit berbeda, tetapi tak akan berbeda jauh. Misalnya saja pada template dengan header dua kolom akan dikenal istilah headerleft dan headerright, tetapi pada dasarnya sama saja.

Ssaya memberikan cara dasarnya dan tidak mungkin saya memberikan tutor untuk tiap masing-masing jenis template. Salam blogger....