Menempatkan widget diatas header

Ulasan kali ini mengenai menempatkan widget diatas header, seperti kita ketahui dalam mengelola halaman blog memiliki keasikan tersendiri, terkadang begitu banyak keinginan yang terlintas, namun perlu diketahui apapun yang kita bertujuan supaya blog kita di baca orang sukur sukur banyak yang menyukai dan ingin bergabung.

Sebelum kita mengeksekusi halaman anda backup dahulu template blog anda dan alangkah baiknya mengetahui apa tujuan dari perubahan yang kita lakukan dan tentunya tidak menjadikan blok kita berat saat loading ...

Fungsi, secara ringkas menempatkan widget diatas header, mempunyai fungsi untuk menempatkan iklan atau ads, menu dropdown, atau untuk menempatkan gambar semua kembali kepada selera masing-masing.

Tahap Pertama, baiklah sekarang Admin uraikan cara mudah menempatkan widget diatas header.
1. login kedalam dasboard blog sobat, kemudian clik html
2. sekarang cari kode <b:section class='header' id='header' maxwidget="1" showaddelement="no" , untuk lebih cepat tekan (CTRL + F)

3. setelah dapat tambahkan kode di bawah ini diatas kode no 2 diatas

<b:section class='header' id='oneupperheader' preferred='yes'/>

 sehingga akan tampil seperti berikut  

contoh penerapan
<div id='header-wrapper'> <b:section class='header' id='oneupperheader' preferred='yes'/> <b:section class='header' id='header' maxwidget="1" showaddelement="no"> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </b:section> </div>

4. kalau sudah kita akan lanjut ke tahap berikut;

Tahap Ke Dua, sekarang cari kode;
1. ]]></b:skin>  untuk lebih mudahnya gunakan (CTRL + F)

2. setelah dapat tempatkan kode di bawah ini tepat diatas kode no.1 diatas

    #oneupperheader{margin:10px 0;padding:1%;width:100%;}

 

3. kemudian simpan template anda

4. nah sekarang kembali ke penataan widget dan lihat diatas header sekarang sudah ada satu kolom untuk menempatkan / menambah widget Anda seperti gambar di bawah ini

5. nah sekarang terserah Anda ingin menempatkan atau menambah widget apa saja

Sekian penjelasan Admin semoga artikel ini bermanfaat