Cara Membuat Menu DTree

Cara Membuat Menu D Tree Berguna juga Buat Blog kamu.yang di maksud Menu DTree Ini kalau sobat membuka Windows Explorer maka akan Berbentuk berurutan kebawah..( Lihat Gambar )Landsune Yakin kalau UDah liat gambar di atas sobat pasti Paham kan apa yang di maksud dengan Dengan Menu DTree.Untuk menghemat waktu dan biaya Langsung ajja Ke pembahasan di bawah Ini.
Yang Pertama sobat Login dulu Ke Blog,



setelah Itu pilih"Layout --> Edit HTML"
trus taruh kode berikut di atas <head>

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



trus Klik Tombol SAVE

Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu Kan cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inilah script yang harus kamu copy di sidebar kamu.

<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>
" Ganti link HTML dengan Link kamu ( Judul Postingan Kamu)dan kalau Bisa angka yang peratama harus beda banget jangan ada yang sama(d.add(1,0,’Node 1’,’link.html’);
dan angka yang ke dua itu urutan dari angka yang pertama
* Dan kamu Juga bisa Mengganti Icon Icon kamu yang kamu sukai.Contohnya seperti ini

d.add(10,0,’Profile’,’link.html’,’’,’’,’<img src="<span style=" />http://www.geocities.com/darkfreed/moodicon/1.gif">’);



Tinggal Di ganti ajja tex Yang berwarna Biru dengan icon kamu.

OK SELAMAT MENCOBA ...!!! ( dah Capek Nih.Mau Istirahat Bentar )ZzZzZzZz!!