caranya:
copy script di bawah ini
<br />
<h3>
Navigation</h3>
<ul> <div style="padding-left: 10px; text-align: left;">
<style type="text/css">
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------| | Copyright (c)
2002-2003 Geir Landr? |
|--------------------------------------------------*/ .dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:
11px; color: #666; white-space: nowrap; padding: 6px; padding-left: 5px;
}.dtree img { border: 0px; vertical-align: middle; }.dtree a { color:
#333; text-decoration: none; }.dtree a.node,.dtree a.nodeSel {
white-space: nowrap; padding: 1px 2px 1px 2px; }.dtree
a.node:hover,.dtree a.nodeSel:hover { color: #000; text-decoration:
underline; }.dtree a.nodeSel { background-color: #c0d2ec; }.dtree.clip {
overflow: hidden; } .siteMapLink{ border: 1px dashed #aaa;
background-color: #FFFFFF; padding: 4px; }.siteMapLink:hover{ border:
1px solid #aaa; background-color: #FFFFFF; padding: 4px;
text-decoration: none; }
</style> <script src="http://www.geocities.com/once179/sitemap/dtree.js" type="text/javascript">
</script> <br />
<div class="dtree" style="background-color: rgb(FF, FF, FF); padding-top: 10px; width: 200px;">
<a
class="dtree" href="javascript:%20d.openAll();"><b>Open For
All</b></a> | <a class="dtree"
href="javascript:%20d.closeAll();"><b>Close For
All</b></a><br />
<br />
<script type="text/javascript">
<!--
d = new dTree('d'); d.add(0,-1,'Home','http://link.com','','','', '');
//menu d.add(10, 0,'My Other Blog',
'','','','http://i162.photobucket.com/albums/t253/rohman24/otherblog.gif',
'http://i162.photobucket.com/albums/t253/rohman24/otherblog.gif');
d.add(11, 10,'link2', 'http://link2.com','','','', ''); d.add(12,
10,'link3', 'http://link3.com','','','', ''); d.add(13, 10,'link4',
'http://link4.com','','','', ''); d.add(20, 0,'Blog Tutorial',
'','','','http://i162.photobucket.com/albums/t253/rohman24/Blogtutor.gif',
'http://i162.photobucket.com/albums/t253/rohman24/Blogtutor.gif');
d.add(21, 20,'link5','http://link5.html','','','', ''); d.add(22,
20,'link6', 'http://link6.html','','','', ''); d.add(40, 0,'Free
Download',
'','','','http://i162.photobucket.com/albums/t253/rohman24/Untitled-2_03.gif',
'http://i162.photobucket.com/albums/t253/rohman24/Untitled-2_03.gif');
d.add(41, 40,'link7','http://link7','','','', ''); d.add(42,
40,'link8','http://link8.html','','','', ''); d.add(50, 0,'Link
Exchange',
'','','','http://i162.photobucket.com/albums/t253/rohman24/link-ex_03.gif',
'http://i162.photobucket.com/albums/t253/rohman24/link-ex_03.gif');
d.add(51, 50,'link9','http://link9.com','','','', ''); d.add(52,
50,'link10','http://link10.com','','','', ''); d.add(80, 0,'Sponsored
Links', '','','','', ''); d.add(81, 80,'link11',
'http://link11.com','','','', ''); d.add(82,
80,'link12','http://link12','','','', ''); document.write(d); //-->
</script> </div>
</div>
</ul>
<br />
ganti link yang di beri warna dengan
link kamu.. !
