Menu DTree

Anda mungkin juga menyukai

Anda di halaman 1dari 3

Cara Membuat Menu DTree

Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki
struktur seperti pohon, yang punya cabang-cabang itu lho,
Seperti kalo kita membuka Windows Explorer. Menu yang
seperti gambar dibawah ini atau seperti contoh ini.

Menu Dtree ini sangat berguna jika kamu memiliki


postingan yang buanyak, karena dengan menggunakan
menu Dtree maka akan bisa menghemat space/ruang yang
ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Beginilah cara membuatnya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"


2. Taruh kode berikut ini diatas kode <head>

<link rel="StyleSheet"
href="http://www.geocities.com/uddin_81/dtree.css"
type="text/css" />
<script type="text/javascript"
src="http://www.geocities.com/uddin_81/dtree.js"></scri
pt>

3. Trus Klik Tombol "Save


4. Setelah itu copy kode berikut ini dan pasang di sidebar
kamu, udah tahu tho cara pasangnya? itu lho di menu
"Page Element" trus klik "Add a Gadget -->
HTML/Javascript". Inolah script yang harus kamu copy
di sidebar kamu.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

berikut ini keteranganya:


- Ganti tulisan "link.html" dengan link kamu (judul
posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang
sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka
pertama (perhatikan angka-angka yang memiliki warna
sama).
- Kamu bisa mengganti icon-iconnya dengan icon kamu
sendiri, contoh scriptnya akan seperti ini:

d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.co
m/dtree/trash.gif’);

Ganti text "http://kendhin.890m.com/dtree/trash.gif"


dengan alamat gambar kamu. contohnya akan seperti ini :

Nha gampang tho .....

Anda mungkin juga menyukai