Menambah Elemen Di Atas Header

Kalau dulu banyak yang posting soal menambah elemen di bawah header, maka saya sedikit berbeda. (Padahal sama saja sebetulnya, he he he) 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. Login ke blogger
2. Menuju Tata Letak
3. Edit HTML
4. Cari kode ]]>
5. Tambahkan script berikut di atasnya

#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, letakkan script di bawah ini sebabagai scrip kedua:

<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:widget></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....