Cara Membuat Menu D' Tree

mau liat contoh aslinya di sini

1. Masuk Ke Halaman Dashboard > Tata Letak > Edit Html


2. Copy kode berikut tepat diatas kode </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'/>

 

3. Jangan Lupa Save Template

4. Setelah itu masuk ke halaman > Elemen Laman > Tambah gadget > HTML/JavaScript dan copy paste kode berikut :

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,6,'Node 2.2','link.html');
d.add(8,7,'Node 3','link.html');
d.add(9,8,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

Keterangan :


- Ganti tulisan berikut "rifweb menu" dengan nama Anda, "Node" dengan judul posting Anda dan "http://rifweb.blogspot.com/2010/04/cara-membuat-spoiler.html" dengan alamat tujuan blog Anda dan Gantilah sterusnya dengan judul dan alamat url yang Anda punya !!!


5. Save Gadget


Oke , Selamat Mencoba