Ok jom kita tengok cara membuatnya:
1. Login ke Blogger, kemudian pilih "Layout => Edit HTML"
2. Pastu letakkan kode dibawah sebelum kode </head>
<link rel="StyleSheet" href="http://www.geocities.com/almansuqie08/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/almansuqie08/dtree.js"></script>
3.Dah siap klik butang "Save".
<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>
5. Dah siap?? Ok perhatikan script diatas.
#"My example tree" adalah tajuk menu. Boleh Ditukar sesuka hati.
#Tukarkan text "link.html" dengan link korang (tajuk post).
#Angka yang pertama mesti unik dan tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
#Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
#Kalau tak faham boleh tengok susunan DTree yang ada di sidebar Antum.
Selamat mencuba!!
1 Komentar:
nape xjadi ye D-tree nie??
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
Post a Comment
1. Berilah Teguran/Komen Walau Sepatah Kata..
2. Komenlah Dengan Nama dan Blog Sendiri
3. Boleh Guna Kod² Seperti Ini <b>, <i>, <a>