Cara Membuat Menu DTree di Blog

Menu Dtree (D-Tree) adalah menu yang memiliki struktur seperti pohon, yang punya cabang-cabang, seperti saat kita membuka Windows Explorer.

Menu Dtree ini sangat berguna jika kamu memiliki postingan yang banyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah bila kamu pingin tahu cara membuatnya, beginilah caranya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Copy kode berikut dibawah ini dengan menaruh/paste diatas kode

<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"></script>

3. Selanjutnya Klik Tombol "Save"
4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, dengan membuka menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript".

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My 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>

Keterangan :
- 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).
5. Selanjutnya Klik Tombol "Save" dan lihat hasilnya.

Nah... mudah kan ? Selamat mencoba...
Batik Kaos Tenun Ikat Jersey Bola