Cara Membuat Menu Dtree

Menu Dtree adalah menu yang mempunyai cabang-cabang pada setiap folder nya oleh karena itulah dinamakan dtree, contohnya adalah pada windows explorer atau sperti gambar di bawah ini.

Menu ini sangat berguna apabila kita mempunyai postingan yang sangat banyak untuk menghemat tempat diblog kita nah bagaimana cara membuatnya ini dia caranya. Letakan script ini diatas code </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'/> 

Jangan lupa disave

Kemudian anda masuk ke Rancangan pilih tambah Gadget kemudian pilih HTML/JavaScript dan copy code dibawah ini kemudian simpan.

<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,'Arsip');
d.add(1,0,'Tahun 2010','#.html');
d.add(2,1,'September',' #.html');
d.add(3,2,'Membuat Halaman Berefek Scroll',' http://yopib.blogspot.com/2010/09/cara-membuat-halaman-berefek-scroll.html');
d.add(13,1,'Mei',' #.html');
d.add(14,13,'Bangkit Dari Keterpurukan',' http://yopib.blogspot.com/2010/05/bangkit-dari-keterpurukan.html');
d.add(15,1,'April',' #.html');
d.add(16,15,'Dmasiv diantara Kalian',' http://yopib.blogspot.com/2010/04/dmasiv-diantara-kalian.html');
d.add(17,15,'Menang Berkat Jacko',' http://yopib.blogspot.com/2010/04/menang-berkat-jacko.html');
d.add(18,15,'Lompata Felix',' http://yopib.blogspot.com/2010/04/lompatan-felix-baumgartner-dari.html');
d.add(19,15,'Robot Pemadam Api Juara',' http://yopib.blogspot.com/2010/04/robot-pemadam-api-juarai-robogames.html');
d.add(20,15,'di Facebook Muncul',' http://yopib.blogspot.com/2010/04/di-facebook-muncul-gerakan-mendoakan.html');
d.add(21,15,'Iran Bakal Sebar Pesawat',' http://yopib.blogspot.com/2010/04/iran-bakal-sebar-pesawat-tak-berawak.html');
d.add(22,15,'Pengguna Google Crome Jadi',' http://yopib.blogspot.com/2010/04/pengguna-google-chrome-jadi-target.html');
d.add(23,15,'Clara Pentebar Foto Bugil',' http://yopib.blogspot.com/2010/04/clara-penyebar-foto-bugil-seorang-waria.html');
d.add(24,15,'Lomba Aeromodeling',' http://yopib.blogspot.com/2010/04/lomba-aeromodeling.html');
d.add(25,15,'Tak Hanya Jadi Lombanya',' http://yopib.blogspot.com/2010/04/blog-post_9877.html');
d.add(26,15,'Turut dimeriahkan Peserta',' http://yopib.blogspot.com/2010/04/blog-post_17.html');
d.add(27,15,'Suka-suka Ngedit Foto',' http://yopib.blogspot.com/2010/04/blog-post_16.html');
d.add(28,15,'Politeknik Bandung Gelar Lomba',' http://yopib.blogspot.com/2010/04/blog-post.html');
d.add(29,15,'Mei',' #.html');
d.add(30,1,'Maret',' #.html');
d.add(31,30,'Sutradara Avatar Beri SBY Pohon',' http://yopib.blogspot.com/2010/03/sutradara-avatar-beri-sby-pohon-oak.html');
d.add(32,30,'Remaja Susah Bangun Pagi Karena',' http://yopib.blogspot.com/2010/03/remaja-susah-bangun-pagi-karena.html');
d.add(33,30,'OST World Cup Afrika',' http://yopib.blogspot.com/2010/03/ost-world-cup-shout-afrika-2010.html');
d.add(34,30,'The SIGIT',' http://yopib.blogspot.com/2010/03/sigit_13.html');
d.add(35,30,'The SIGIT',' http://yopib.blogspot.com/2010/03/sigit.html');
d.add(36,30,'Tanda Kebesaran Allah',' http://yopib.blogspot.com/2010/03/tanda-kebesaran-allah.html');
d.add(37,30,'Lebih Sering Melihat keatas',' http://yopib.blogspot.com/2010/03/lebih-sering-melihat-ke-atas-membuat.html');
d.add(38,30,'Arsenik',' http://yopib.blogspot.com/2010/03/arsenik.html');
d.add(39,30,'Tidak Ada Jalan Yang Rata',' http://yopib.blogspot.com/2010/03/tidak-ada-jalan-yang-rata-untuk-sukses.html');
d.add(40,30,'sub Maret',' #.html');
d.add(41,1,'februari',' #.html');
d.add(42,41,'Download Tutorial Membuat Web',' http://yopib.blogspot.com/2010/02/download-tutorial-buat-web.html');
d.add(43,41,'Perjuangan Siput',' http://yopib.blogspot.com/2010/02/perjuangan-siput.html');
d.add(44,41,'Temukan Rumus Piramida',' http://yopib.blogspot.com/2010/02/temukan-rumus-angka-piramida-remaja-ri.html');
d.add(45,41,'Iseng Pake notepad',' http://yopib.blogspot.com/2010/02/iseng-pake-notepad.html');
d.add(46,41,'Ini Emo ?',' http://yopib.blogspot.com/2010/02/ini-emo.html');
d.add(47,41,'Persembahan Untuk Ibu',' http://yopib.blogspot.com/2010/02/persembahan-untuk-mu-ibu.html');
d.add(48,41,'Cara Membuat Tooltip',' http://yopib.blogspot.com/2010/02/cara-membuat-tooltip.html');
d.add(49,41,'Foto Copy Ktp',' http://yopib.blogspot.com/2010/02/foto-copy-ktp.html');
d.add(50,41,'Cara Membuat Icon Link',' http://yopib.blogspot.com/2010/02/cara-membuat-icon-link.html');
d.add(51,41,'Untuk mu Ibu',' http://yopib.blogspot.com/2010/02/untuk-mu-ibu.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>

Semoga Bermanfaat