Cara Membuat Menu Dtree

Anda semua sudah tahu kan, apa itu Menu Dtree ?
Ituloh yang gambarnya seperti ini :

Mau coba memasangnya ? Begini caranya :

1.   Rancangan, klik Tambah Gadget
      terus pilih HTML/JavScript.

2.   Masukkan dalam kontennya,
      kode berikut ini lalu simpan.

Copy Kode

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

<div class="dtree"> <a href="javascript:%20d.openAll();"><b>Open Dtree</b></a> &gt;&lt; <a href="javascript:%20d.closeAll();"><b>Close Dtree</b></a> <script type="text/javascript"> <!-- d = new dTree('d'); d.add(0,-1,'MENU UTAMA'); d.add(1,0,'Menu 1','URL link di sini'); d.add(2,1,'Sub Menu 1','URL link di sini'); d.add(3,2,'File Sub Menu 1','URL link di sini'); d.add(4,0,'Menu 2','URL link di sini'); d.add(5,4,'Sub Menu 2','URL link di sini'); d.add(6,5,'File Sub Menu 2','URL link di sini'); d.add(7,0,'Menu 3','URL link di sini'); d.add(8,7,'Sub Menu 3','URL link di sini'); d.add(9,8,'File Sub Menu 3','URL link di sini'); d.add(10,0,'Menu 4','URL link di sini'); d.add(11,10,'Sub Menu 4','URL link di sini'); d.add(12,11,'File Sub Menu 4','URL link di sini','Pictures I\'ve taken over the years','','','img/imgfolder.gif'); d.add(13,0,'File (no menu)','URL link di sini'); d.add(14,0,'File (no menu)','URL link di sini'); d.add(15,0,'File (no menu)','URL link di sini'); d.add(16,0,'File Single','URL link di sini','','','img/trash.gif'); document.write(d); //--> </script> </div>

3.    Masuk ke Edit HTML

4.   Cari kode </head>

5.   Letakkanlah di atasnya, kode yang
      ada di bawah ini, kemudian
      simpan template anda.

Copy Kode

1 2 3 4

<link rel="StyleSheet" href="http://h1.ripway.com/syamsudin/menu-dtree.css" type="text/css" /> <script type="text/javascript" src="http://h1.ripway.com/syamsudin/menu-dtree.js"></script>

KETERANGAN :

Gantilah kata MENU UTAMA, Menu 1, Sub Menu 1,
File Sub Menu 1, File (no menu) dan seterusnya,
dengan kata yang anda inginkan.

Masukkan kode URL link anda pada
kode URL link di sini

Silahkan anda tambahkan lagi Menu, Sub Menu dan
File Sub Menu, File (no menu)-nya dengan
mengikuti seperti kode sebelumnya.

Selamat mencoba, good luck!