Sabtu, 19 Mei 2012

Browse » Home » » membuat menu pohon di blog

membuat menu pohon di blog




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!
Advertisement below...!

Comments : Ada 1 komentar untuk membuat menu pohon di blog

  1. Membuat Menu Pohon Di Blog - Keprass Blogger >>>>> Download Now

    >>>>> Download Full

    Membuat Menu Pohon Di Blog - Keprass Blogger >>>>> Download LINK

    >>>>> Download Now

    Membuat Menu Pohon Di Blog - Keprass Blogger >>>>> Download Full

    >>>>> Download LINK RL

    BalasHapus

 
© Copyright 2011 : keprass blogger
Template dari : Free Blogger Templates | ZonaBlogger.com | Didukung Oleh : Blogger.com