Home » » Cara Membuat Menu DTree pada Blog

Cara Membuat Menu DTree pada Blog

Written By MDC Media on Thursday, 30 June 2011 | 09:50


Giolink.co.cc , Apa itu DTree ? Mungkin kata ini agak asing di telinga kalian, tapi sebenarnya kata ini sudah sejak lama muncul di dunia perteknologian ! Menu DTree, itu lho yang kaya akar pohon, yang keluar saat kita membuka Windows Exploler itu ! Oya apa sih manfaat dari Dtree itu sendiri ? DTree sendiri berguna buat kamu-kamu yang punya posting banyak, ini berguna buat menghemat space di blog kalian!

Sesuai dengan judulnya membuat menu DTree, kali ini kita akan membahas bagaimana bara membuat menu tersebut,
Caranya :
1. Login ke blog kalian
2. Langsung ke rancangan >> Edit HTML ( jangan lupa centang Expand Template Widget )
3. Taruh / Copas ( Copy Paste ) kode di bawah ini diatas kode <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>


4. Kalo udah, klik save.
5. trus kembali ke rancangan dan add gadget >> HTML / Java Script di sidebar kamu ! Lalu Copas kode dibawah ini di kolom kode HTML



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

Oya ni keterangannya :
- Ganti tulisan link html dengan link kamu (  judul posting )
- Nah, jangan lupa, angka yang pertama harus unik dan tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Dan juga 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://kendhin.890m.com/dtree/trash.gif’);


Ganti tulisan "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu.



Nah, ga sulit-sulit amat kan, SELAMAT MENCOBA YA !

sumber : mhusains
Share this article :

0 comments:


Populer Post

Pengunjung

free counters
 
Support : Whisuma | Morodadi Computer Madiun | MDC Advertising |
Copyright © 2011. Morodadi Komputer M
Creating Website Published by Morodadi Computer dan Advertising Madiun
powered by MDCTEAM