What is the menu Dtree (D-Tree)? it too has a menu structure such as trees, which have branches that too, we would like to open Windows Explorer. The menu, such as the image below
Dtree menu is very useful if you have a posting that buanyak, because by using the menu Dtree will be able to save space / space in the blogging. I know how sensitive you make?
Here's how to make:
1. Login to Blogger, "but select" Layout -> Edit HTML "
2. Place the following code above the code <head>
<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. Being Click the button "Save
4. Then copy the following code and you plug in the sidebar, I know Tho of the way? to explain the menu in the "Page Element" Sure click on "Add a Gadget -> HTML / Javascript." Inolah script that you must copy in the sidebar you.
<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 description of it:
- Replace paper "link.html" with the link you (the title of the post you).
- The number of unique first must 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-icon with the icon you own, for example scriptnya will be like this:
d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);
Replace the text "http://kendhin.890m.com/dtree/trash.gif" with the address of the image you. for example, will be like this:
done
How to Create Menu DTree
Subscribe to:
Post Comments (Atom)
Comments :
Post a Comment