Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon. Yang sering kita pakai waktu lagi belajar MTK. Cara buatnya seperti ini:
1. Login to Blogger, trus pilih "Layout --> Edit HTML"(biasakan untuk memback up template anda)
2. Cari kode
<head>
3. Taruh kode berikut ini diatas kode no 2<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>
4. Trus Klik Tombol "Save<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>
5. Setelah itu copy kode berikut ini
<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 paste di "Page Element" >> "Add a Gadget >> HTML/Javascript".<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>
Ganti tulisan yang berwarna merah dengan link entri anda, tulisan yang berwarna hijau adalah angka pertama, tulisan yang berwarna kuning adalah angka kedua yang merupakan cabang dari angka pertama, tulisan yang berwarna pink adalah angka ketiga yang merupakan cabang dari angka kedua, tulisan yang berwarna orange adalah angka keempat yang merupakan cabang dari angka ketiga.
- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:
d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);
Ganti tulisan yang berwarna biru dengan url gambar milik anda.
Postingan
0 komentar :
Posting Komentar