Tutorial to Create DTree Menu

DTree is a menu that be arranged like a tree. It will be like menu when you open "windows Explorer". It's very usefull if you have many posting (articel) in your blog. It can contain many link in small space. It will be like the below image :



Here's the step by step tutorial to create "DTree Menu" in blogger:

1. Login to Blogger, go to "Layout --> Edit HTML"
2. Put the code below over




3. Save your editting.

4. Now edit end copy the below code then put on your sidebar.

Change "link.html" with your own link.
The first number must be unique (d.add(1,0,'Node 1','link.html');
The second number is child of the number (look at the color).

You can add the below code to add a new node with your own image

d.add(10,0,'Profile','link.html','','','http://blogoholic.info/files/dtree/trash.gif');

change "http://blogoholic.info/files/dtree/trash.gif" with your own image.
it will be like this :