Cara Membuat Menu Horizontal Otomatis Dengan Gadget

Pada postingan kali ini akan membahas tentang cara membuat menu horizontal dengan gadget. Menu horizontal merupakan menu utama blog yang berada dibawah judul blog.

Pada pembuatan menu horizontal ini saya menggunakan gadget sehingga harus sudah ada gadget yang berada dibawah header pada template sobat. Jika template sobat ada yang belum mempunyai gadget, sobat harus membuatnya terlebih dahulu. Silahkan sobat baca Cara menambah elemen dibawah header

Untuk sobat yang templatenya sudah mempunyai gadget yang berada dibawah header, silahkan ikuti langkah-langkah berikut :

1. Masuk ke akun blog sobat.

2. Klik Rancangan.

3. Klik Tambah Gadget yang berada dibawah header.

4. Pilih HTML/JavaScript.

5. Copy kode dibawah ini kemudian pastekan pada jendela HTML/JavaScript tadi.

<div id="menu">

|<a href="http://ragam-tutorial.blogspot.com/" title="back to home">TULIS YANG ANDA INGINKAN</a>|

<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '200px')" onmouseout="delayhidemenu()" title="free download blogger template">TULIS YANG ANDA INGINKAN</a|

<a href="http://ragam-tutorial.blogspot.com/ onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '200px')" onmouseout="delayhidemenu()">TULIS YANG ANDA INGINKAN </a>|

<a href="http://ragam-tutorial.blogspot.com/" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '200px')" onmouseout="delayhidemenu()" title="apa ajah">TULIS YANG ANDA INGINKAN</a>|

<a href="http://ragam-tutorial.blogspot.com/" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="ragam tutorial">TULIS YANG ANDA INGINKAN</a>|

</div>

Keterangan :

Warna merah : Ganti dengan link posting blog sobat.
Warna biru : Ganti dengan nama menu yang sobat inginkan.

6. Klik Simpan.

selamat mencoba, semoga bermanfaat

Free Template Blogger collection template Hot Deals BERITA_wongANteng SEO theproperty-developer

Related Articles