<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Creating Website');
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>
Terakhir simpan, dan hasilnya akan seperti gambar di bawah ini
Kalau belum ngerti juga, berikut contoh mengisi menu dan linknya dari daftar menu blog saya;
<h2>Arsip</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,'Creating Website'); d.add(1,0,'Daftar Isi','#.html'); d.add(2,1,'Tutorial Blog','http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial%20blog'); d.add(3,1,'Joomla','http://creatingwebsite-maskolis.blogspot.com/search/label/joomla'); d.add(4,1,'Wordpress','http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress'); d.add(5,0,'SEO','#.html'); d.add(6,5,'Tips Dasar-Dasar SEO','http://creatingwebsite-maskolis.blogspot.com/2011/02/tips-dasar-dasar-seo.html'); d.add(7,5,'Kosong',''); d.add(8,5,'Kosong',''); d.add(9,0,'Google','#.html'); d.add(10,9,'Cara Daftar Google Adsense','http://creatingwebsite-maskolis.blogspot.com/2011/02/cara-mendaftarkan-blog-di-google.html'); d.add(11,9,'',''); d.add(12,0,'',''); d.add(13,0,'Tips Blogger','#.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif'); d.add(14,13,'Kode warna','http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-kode-warna-di-blog.html'); d.add(15,13,'Google Page Rank','http://creatingwebsite-maskolis.blogspot.com/2011/01/google-page-rank-dan-manfaatnya.html'); d.add(16,0,'SEO Tips','http://creatingwebsite-maskolis.blogspot.com/2011/01/seo-tips-dengan-melakukan-blog-ping.html');
Nunc at tortor tempor, tincidunt purus ut, placerat turpis. Sed pulvinar vehicula dolor, at volutpat nibh euismod sed. Nunc sit amet lectus arcu. Nullam sit amet urna in felis accumsan iaculis a sed urna.
Kalau belum ngerti juga, berikut contoh mengisi menu dan linknya dari daftar menu blog saya;
sumber : http://www.maskolis.com/2011/02/membuat-menu-dtree-di-blogger.html