Monday, October 10, 2011

Cara buat Menu DTree

senantiasa belajar"Cara Membuat Menu DTree"
Menu Dtree ini sangat berguna jika Anda memiliki postingan yang banyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah bila anda tertarik ikuti langkah langkah berikut?

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode

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


3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu,____> "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>


berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik 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).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:

d.add(10,0,’Profile’,’link.html’,’’,’’,’http://.................gif’)

Ganti text "http://.......................gif" dengan alamat gambar kamu.

thanks
senantiasa belajar"cara buat menu dtree"

1 comment: