Membuat Menu Pohon (DTree)




DTree adalah sebuah menu yang menyerupai menu pada windows explorer  yang dapat anda pasang pada blog kesayangan anda. Caranya sebagai berikut :

Langkah Pertama
Login ke Blogger > Design > Edit HTML
Back Up Template anda!

Langkah Kedua
Masih di Edit HTML
cari kode ini <head>
setelah ketemu copas kode ini di atasnya :

Jika sudah simpan template dan tambah gadget dengan jenis HTML/JavaScripts lalu tambahkan kode ini :

<div class="dtree">
  <script type="text/javascript">
  <!--
  d = new dTree('d');
  d.add(0,-1,'DTree-indrasa');
  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');
d.add(10,0,’Profile’,’link.html’,’’,’’,’http://url-icon’);
  document.write(d);
  //-->
</script>
</div> 

atau yang ini (kode yang ini memperbolehkan anda memasukkan link tanpa folder / subfolder) :
- Ganti link.html menjadi url yang ingin anda masukkan
- Untuk http://url-icon, Cari iconnya di internet. 
- ....indrasa adalah judul menu DTreenya, anda dapat mengubahnya sesuai dengan keinginan anda.

Berikut Previewnya :

Terakhir, Simpan template dan lihat hasilnya! Selamat Mencoba!


Untuk DTree dengan versi lainnya baca ini : Membuat Menu Pohon (DTree) versi 2

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik

Tidak ada komentar:

Posting Komentar

Donasi tidak hanya berupa Uang, Donasi dapat juga berupa Semangat yang Anda berikan. Silahkan berikan Saya Donasi melalui komentar untuk menyemangati Saya dalam menulis.

Dan bagi Anda yang merasa Blog ini bermanfaat bagi Anda, silahkan menjadi Follower atau masukkan email Anda untuk Berlangganan.

Note: Komentar yang diembel-embeli dengan link tambahan seperti "thanks for infonya, www.blablabla[dot]blogspot[dot]com" kemungkinan tidak dimunculkan!

Related Posts Plugin for WordPress, Blogger...