Sabtu, 11 Agustus 2012

Cara Membuat Menu dTree




Cara Membuat Menu dTree
1. login blog
2. rancangan -> edit HTML cari kode </head>
3. lalu taruh kode dibawah ini diatas kode </head>


<link href='http://vikrymadz.googlecode.com/files/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://vikrymadz.googlecode.com/files/createdtree.js' type='text/javascript'/>

4. simpan template
5. lalu buka menu Elemen Laman -> tambah Gadget (HTML/JavaScript)
6. lalu masukkan kode dibawah ini


<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'::Allah Is My Life::');
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 sobat.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 sobat.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 sobat.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link sobat.html');
d.add(11,0,'File[non-folder]',' link sobat.html');
d.add(12,0,'File Single',' link sobat.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>

Preview :






 
 
 
Templateby :kendhin www.kopenkudamai.blogspot.com