07 March 2011

Menambah Elemen Baru Di Atas Header

Setelah pada postingan kemarin saya membahas tentang Cara Memubuat Footer Multi Kolom, pada postingan kali ini saya akan membahas cara menambah elemen baru atau add gadget di bagian atas header.

Menambahkan elemen baru di atas header memang mempunyai banyak fungsi. Selain bisa untuk meletakkan script iklan, juga bisa untuk menambahkan horizontal menu bagi blog yang belum ada horizontal menunya.

Ok, tanpa panjang lebar lagi langsung saja kita mulai acara ini
( Maksudnya tutorial ini hehehe... )

1. Login ke akun blogger sobat.
2. Pilih design lalu edit HTML.
3. Download full template dulu, takut kalau terjadi kesalahan.
4. Cari kode ]]></b:skin>
5. Pasang kode di bawah ini DI ATAS ]]></b:skin>

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

6. Cari kode <div id='header-wrapper'> dan pasang kode berikut DI ATAS <div id='header-wrapper'> tadi

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

7. Langkah terakhir save template dan lihat perubahannya.


Note: Tidak semua template memiliki kode yang sama, jadi cari yang mendekati dan jangan takut mencoba.


Semoga bermanfaat.
Alhamdulillah...

No comments:

Post a Comment