DTree adalah sebuah menu yang menyerupai menu pada windows explorer yang dapat anda pasang pada blog kesayangan anda. Caranya sebagai berikut :
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!
