Cara Menambahkan Elemen Halaman Baru Diatas Header

Seperti judul diatas akan membahas tetang tehnik untuk menambakan Elemen halaman baru diatas Header blog. Yang saya maksut dari menambahkan Elemen halaman Baru Diatas Header blog adalah seperti pada gambar dibawah bagian yang ditunjuk oleh panah berwarna merah

Fungsinya tetap sama sebagai tempat untuk meletakan widget yang pada umumnya digunakan oleh banyak orang untuk meletakan Iklan atau menu horizontal.

Berikut lankah-Lankah yang Harus anda lakukan untuk menaba elemen baru diatas Header :

1. Pastikan anda sudah masuk pada halaman blogspot anda pilih menu "Template"





2. Akan muncul halaman berikut dan klik pada tombol Edit HTML





3. Klik tombol Next/Lanjutkan setelah itu anda akan dibawa kehalaman edit HTML seperti berikut





4.  Centang Expand Template Widget.
5. Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca ranya Disini
6. Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode) 
7. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

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

8.  Sekaran Anda cari Kode <div id='header-wrapper'>   atau <div id="header-outer">
9. Apabila sudah ketemu copas kode dibawah ini dan letakan diatas kode <div id='header-wrapper'>   atau <div id="header-outer">

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

10. Lankah terakhir klik simpan





11. Selesai

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak jika ada Elemen tambahan Diatas Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar



Demikian Tutorial Kali ini tetang Cara Menambahkan Elemen Halaman Baru Diatas Header Blog Semoga bisa bermanfaat