Cara membuat menu d'tree

Kali ini saya akan membahas tentang cara membuat menu d'tree.Kita sering lihat menu ini di komputer kita sendiri.Seperti pada start menu dari pilihan explore pada komputer kita atau sidebar dari all programs pada komputer kita.Berikut merupakan cara yang akan menampilkan menu tersebut pada blog kita sendiri.Berikut turorialnya:
1. Taruh script berikut di atas kode tag </head>

<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

2. Klik Simpan template.


Selanjutnya yang harus teman2 lakukan adalah menaruh kode HTML dTree ke dalam gadget sidebar blognya teman2. Caranya klik Tata Letak >> Tambah Gadget HTML dan taruh kode HTML berikut ini

<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,'Just For Fun');
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>

Maka Preview dari kode di atas adalah seperti berikut ini



Lalu tinggal klik save setelah diedit sesuai dengan keinginan


sumber:http://t4belajarblogger.blogspot.com/2009/12/cara-membuat-menu-dtree.html