Membuat menu dtree atau menu drop seperti di bawah ini
Navigation
caranya:
copy script di bawah ini
<h3>Navigation</h3> <ul> <!-- start dtree --> <div style="text-align:left;padding-left:10px"> <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 type="text/javascript" src="http://www.geocities.com/once179/sitemap/dtree.js" ></script > <div class="dtree" style="background-color: rgb(FF, FF, FF); padding-top: 10px; width: 200px;"> <a href="javascript: d.openAll();" class="dtree"><b>Open For All</b></a> | <a href="javascript: d.closeAll();" class="dtree"><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> <!-- Akhir dari dtree --> <br/>ganti link yang di beri warna dengan link kamu.. Peace!
selanjutnya...
