Minggu, 22 Agustus 2010

Cara membuat Menu Navigasi Horizontal

14.28 No Comments

Menu navigasi horizontal adalah sebuah menu yang berada diatas atau dibawah Header suatu blog, fungsinya adalah sebagai menu utama suatu blog.


Pertama-tama untuk membuat menu navigasi horizontal tersebut adalah didalam element halaman template sobat harus sudah ada tempat menambahkan elemen dibawah header blog sobat, jika belum silahkan baca cara menambahkan elemen dibawah header blogspot DISINI


Cara membuat menu naviagsi horizontal adalah sebagai berikut



  1. Pertama Log in ke blogger sobatdi http://blogger.com

  2. Masuk ke Rancangan → Elemen Halaman → Pilih tambah Gadget

  3. Selanjutnya sobat pilih HTML/Javascript

  4. Setelah itu Copy dan paste kode dibawah ini kedalam kotak HTML/Javascript tersebut





<div id="menu">


|<a href="URL" title="ack to home">Home</a>|

<a href="URL" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, ’200px’)" onmouseout="delayhidemenu()" title="Facebook Tutorial">Tutorial Facebook</a|

<a href="URL" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, ’200px’)" onmouseout="delayhidemenu()">Bisnis Online</a>|

<a href="URL" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, ’200px’)" onmouseout="delayhidemenu()" title="Blogspot Tutorial">Blogger Tutorial</a>|

<a href="URL" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, ’200px’)" onmouseout="delayhidemenu()" title="Mari tukeran link">Link Exchange</a>|

</div>







  1. Setelah itu sobat ganti tulisan berwarna dan bercetak tebal dalam kode tersebut dengan yang sobat inginkan

URL = isi dengan Alamat yang ingin anda tampilkan pada navigasi menu


Home = Isi dengan nama URL sobat yang dimasukan misalnya Home, Blogger, tutorial

Terakhir adalah simpan dan silahkan sobat liat hasilnya

0 komentar:

Posting Komentar