What is dTree menu? DTree menu is a menu that resembles / is similar menu of this menu to explore and we want people to have in our web / blog. Teman2 would have on the face and shape them know how to explore the menu? I think already in the know all of ya. (shown at left). Well, for the appearance dTree own menu, rather than just mending teman2 mbayangin tman2 just turned to the right sidebar of this blog. How, miripkan? Oh yes ... actually this trick has been discussed for a long time. and this trick comes from Destroydrop.com, it's known I'm also still learning, so must have a reference as much as possible. Ok, go.


To start the install menu, as always please teman2 blogger login to your account. Then click the order Placemark>> Click Edit HTML


1. Put the following script at the top of the code tag </head>

<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

2. Click Save template.

What should we do is put teman2 dTree HTML code into your sidebar gadget blog teman2. I click the Layout>> Add Gadget HTML and paste the following HTML code:

<h2>Menu Blog Ini</h2>

<div class="dtree">

<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'T4belajarblogger');
d.add(1,0,'Folder 01','#.html');
d.add(2,1,'Sub Folder 01',' #.html');
d.add(3,2,'Sub/file Sub Folder 01',' link anda.html');
d.add(4,0,'Folder 02',' #.html');
d.add(5,4,'Sub Folder 02',' #.html');
d.add(6,5,'Sub/file Sub folder 02',' link anda.html');
d.add(7,0,'Folder 03',' #.html');
d.add(8,7,'Sub Folder 03',' #.html');
d.add(9,8,'Sub/file Sub folder 03',' link anda.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link anda.html');
d.add(11,0,'File[non-folder]',' link anda.html');
d.add(12,0,'File Single',' link anda.html','','','img/trash.gif');

document.write(d);

//-->
</script>

</div>


So the preview of the code above is as follows

Ok, complated.