content top

Cara Membuat Menu DTree Pada Blog

Apa itu Dtree?
DTree adalah menu yang berbentuk seperti Pohon dan bercabang-cabang. Pernah ada yang membuka Windows Explorer? Nah DTree adalah susunan menu seperti pada sebelah kiri window explorer
  • Untuk membuatnya masuk ke Tata Letak --> Edit HTML
  • Berikut kode untuk membuatnya:



<link rel="StyleSheet" href="http://yudhaime.googlecode.com/files/dtree.css" type="text/css" /><script type="text/javascript" src="http://yudhaime.googlecode.com/files/dtree.js"></script>
  • Kode ini kamu paste di atas kode </head>
  • Kalau sudah kamu simpan template kamu!
  • Lalu untuk menampilkannya di Blog kamu tambah Gadget HTML/Javascript pada elemen halaman
  • berikut kode gadgetnya:
<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,5,'Node 2.2','link.html');d.add(8,0,'Node 3','link.html');d.add(9,0,'Node 5','link.html');document.write(d);//--></script></div>



Pada kode link.html, kamu ganti dengan kode link kamu sendiri!

content top