Kamis, 19 Januari 2012

Cara Membuat Dtree Pada Blog


Mungkin ad yang bertanya, Apa itu Dtree????
DTree adalah menu yang berbentuk seperti  saat kita membuka Windows   Explorer!! Nah DTree adalah susunan menu seperti pada sebelah kiri window   explorer, untuk membuatnya silahkan ikuti tutorial berikut:
1.    1.  login ke blogger anda.
2.    2. Login ke menu rancangan > edit HTML.
3.    3.  Kemudian COPAZ ( copy paste ) kode berikut di atas kode </head>.

<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>

4.    Kalau sudah kli SAVE Tamplate.
Kemudian,  untuk menampilkannya di Blog, anda harus menambah Gadget HTML/Javascript pada elemen halaman.
Kemudian COPAZ 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,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>

dan klik SAVE.
Pada kode link html, kamu ganti dengan kode link anda sendiri!
Selamat Mencoba!!!