membuat menu Dtree

hello para sobat semua.,.,

malem ini peci bingung mau posting apaan cz blog peci sendiri masih dalam perbaikan, di tengah-tengah browsing g taunya peci nemuin menu dtree seperti yg peci pasang tuh di di samping kiri yang bentuknya seperti windows gituchh dech hihihihih.,.,.
sumber

destroydrop.com
semalem juga peci kebingungan otak atik html tp alhamdulillah berhasil memperbanyak dan mencoba memahami (mode on ) xixi.,.
nah sekarang peci mau coba kasih sobat nich untuk htmlnya mudah-mudahan sobat bisa membuat lebih banyak folder.
untuk caranya seperti biasa masuk ke blog lalu pilih rancangan dan edit html
setelah itu * Taruh script berikut di atas kode tag

<link rel="StyleSheet" href="http://djoktri.googlecode.com/files/dtree.css" type="text/css" />
<script type="text/javascript" src="http://djoktri.googlecode.com/files/createdtree.js"></script>

langkah ke dua * simpan langsung templatenya
ettttt blum selesai .,.
setelah di save klik tambah gadget dan copy paste html di bawah ini di dalam kolom gadget

h2>Menu Blog Ini</h2>

<div class="dtree">

<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Peci Miring Folder');
d.add(1,0,'Folder 01','#.html');
d.add(2,1,'Sub Folder 01',' #.html');
d.add(3,2,'Sub/file Sub Folder 01',' link anda.html');
d.add(4,0,'Folder 02',' #.html');
d.add(5,4,'Sub Folder 02',' #.html');
d.add(6,5,'Sub/file Sub folder 02',' link anda.html');
d.add(7,0,'Folder 03',' #.html');
d.add(8,7,'Sub Folder 03',' #.html');





document.write(d);

//-->
</script>

</div>