Cara Membuat Menu DTree Pada Blog

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!

selamat mecoba, semoga berhasi....!

Posted in: