Menambah widget diatas Header

Menambah kotak add a gadget pada bagian Header bertujuan supaya sobat dapat menambah suatu gadget di lain waktu, mungkin bisa menambah kotak pencarian atau iklan banner maka cara ini cocok digunakan. Selain itu sebagian sobat blogger (termasuk saya) menggunakan cara ini untuk menambah gadget Menu horisontal. Bagi sobat yang menginginkan layout/tata letak blognya memilki elemen add gadget tambahan pada bagian header, silahkan praktek caranya dalam artikel ini.

Sebagai contoh, berikut ini adalah tampilan bagian header sebelum ditambah elemen add :

Setelah ditambah, maka tampilannya akan seperti berikut ini

Sekarang sobat pasti sudah tahu kan bedanya, pada bagian yang telah saya tandai dengan warna merah tersebutlah yang saya maksud dengan add elemen baru atau tambahan, maka untuk membuatnya silahkan login dulu ke Blogger, lalu klik Tata Letak dan klik Edit HTML.

Selanjutnya taruh kode berikut tepat di atas kode ]]></b:skin> 

#gadget_header{

margin:10px 0;

padding:1%;

width:100%;}

Cari kode <div id='header-wrapper'> dan letakkan kode berikut di atasnya

<div id="gadget_header">

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

</div>

Simpan hasil kerja sobat. Untuk melihat hasilnya, silahkan untuk pergi ke halaman tata letak/layout.

Di atas adalah cara menambah add gadget elemen yang berada tepat diatas bagian header blog. Oleh karena itu, elemen ini cocok digunakan untuk menyimpan gadget seperti form pencarian atau banner iklan.

Selamat mencoba dan semoga bermanfaat.  

sumber : http://suksesmandirionline.blogspot.com/2012/05/menambah-kotak-add-gadget-pada-bagian.html