"How to Create a Menu DTree"

Dtree menu is very useful if you have a post that much, because by using the menu Dtree it will be able to save space / space in your blog. Well if you are interested follow these steps?



1. Login to Blogger, then select "Layout -> Edit HTML"

2. Place the following code above the code



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



3. Then click the button "Save



4. After that copy the code below and post it on your sidebar,____> "Page Elements" then click "Add a Gadget -> HTML / Javascript". This is the script that you have to copy in your sidebar.





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




the following information:

- Replace the words "link.html" with a link you (your post titles).

- The first number must be unique there should not be the same (d.add (1.0, 'Node 1', 'link.html');

- The second figure is a branch of the first number (note the numbers that have the same color).



- You can change the icon, the icon with your own icon, an example script would be like this:



d.add (10.0, 'Profile', '','','',' link.html http://.................gif')



Replace the text "http://.......................gif" with the address of your picture.



thanks

always learn "how to create menu dtree"