Dulu pengin sekali buat menu dtree tapi gak bisa masih bigung. terus ada toutorial membuatnya, langsung praktek jadi.Menu dtree menyerupai windows Explorer, Menu seperti ini bisa juga kita tampilkan pada web atau blog kita seperti yang terlihat pada sidebar kiri blog. untuk membuat menu ini caranya mudah. ini cara yang saya temukan :


Login ke blogger-masuk ke rancangan dan Edit HTML.
kopi script berikut diatas kode </head>

<link href='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/createdtree.js' type='text/javascript'/>

langkah kedua masuk lah pada Edit tata letak atau Rancangan-kemudian Elemen Laman->tambah Gadget-->HTML/java script pastekan kode berikut :

<div class="dtree">
<p><a href="javascript: d.openAll();">Gelar Kabeh</a> | <a href="javascript: d.closeAll();">Kluntung</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Kentos Karanglewas');
d.add(1,0,'Pramuka','#.html');
d.add(2,1,'Gerakan Pramuka','http://dkrkaranglewas.blogspot.com/2011/04/gerakan-pramuka.html');
d.add(3,1,'Arti Lambang Negara','http://dkrkaranglewas.blogspot.com/2011/05/arti-lambang-negara_01.html');
d.add(4,1,'Lambang GP','http://dkrkaranglewas.blogspot.com/2011/05/lambang-gerakan-pramuka.html');
d.add(5,0,'Materi SKU','#.html');
d.add(6,5,'SKU','http://dkrkaranglewas.blogspot.com/2011/05/syarat-kecakapan-umum.html');
d.add(7,5,'Kode Kehormatan',' http://dkrkaranglewas.blogspot.com/2011/05/kode-kehormatan-pramuka.html');
d.add(8,5,'Salam Pramuka',' http://dkrkaranglewas.blogspot.com/2011/05/salam-pramuka.html');
d.add(9,0,'Materi TKK','#.html');
d.add(10,9,'Tanda Kecakapan Khusus','http://dkrkaranglewas.blogspot.com/2011/05/tanda-kecakapan-khusus.html');
d.add(12,0,' Game Pramuka ','#.html ');
d.add(13,12,'Njajal Semaphore','http://dkrkaranglewas.blogspot.com/2011/05/njajal-latihan-semaphore.html');
d.add(14,0,'Buat menu ini','http://dkrkaranglewas.blogspot.com/2011/05/buat-menu-dtree.html');
document.write(d);
//-->
</script>
</div>

gantilah link maupun judul yang berwarna, dengan judul dan link sendiri.selamat mencoba.

indahnya berbagi