membuat dtree

hello sobat net semua
sebenarnya peci ingin share tutorial ini semalem tp karna mati lapu g jadi dech
heheheheh.,.,.
langsung jha ke tkp
untuk yg pertama


*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>

lalu simpan tamplate
langkah ke dua* klik Tata Letak >> Tambah Gadget HTML dan taruh kode HTML berikut ini

<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,'Pecimiring ');
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');
d.add(9,8,'Sub/file Sub folder 03',' link anda.html','Pictures I've taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link anda.html');
d.add(11,0,'File[non-folder]',' link anda.html');
d.add(12,0,'File Single',' link anda.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>

dan langsung lihat hasilnya