Cara Membuat Menu dTree Di Blog Sobat Mau?

Haloooo sobat ,kali ini share tentang bagaimana cara membuat menu dtree.Menu dTree adalah menu yang menyerupai/mirip menu explore dan menu ini dapat kita tampilkan ke dalam web/blog kita. Teman2 pasti sudah pada tahukan Ayooo ikuti langkah langkah pemasngannya.

1.Buka Blog Anda
2.Klik Tata Letak Edit Template html
3. Cari kode </head>
4.Simpan script diatas </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>

5 Template Simpan 

6.Caranya klik Tata Letak 

7. Tambah Gadget HTML 

8. Simpan  kode HTML dibawah 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,'T4belajarblogger'); 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>

Ini dia Tampilannya

Semoga bermanfaat 

Catatan : Kalau sobat merasa kurang jelas silahkan kunjungi sumbernya

Disini