membuat menu Blog menyerupai menu yang ada pada
Windows explorer
Langkag-langkahya :
1. Sign in di blogger
2. Klik menu
Layout
3. Klik menu
Edit HTML
4. Copy paste kode berikut di atas kode
</head>
<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>
5. Klik tombol
Simpan Template
6. Klik menu
Elemen Halaman
7. Klik tulisan
Tambahkan sebuah Elemen Halaman
8. Klik tombol
TAMBAHKAN KE BLOG di bawah tulisan
HTML/JavaScript
Copy paste kode berikut pada kotak yang muncul
(jangan lipa menggati linknya)
<div class="dtree">
<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http:/dimazzz-ti.blogspot.com');
d.add(1,0,'Free template & navigation')
d.add(3,1,'free Tutorial Programing','');
d.add(10,3,'Visual Basic 6.0','http://www.dimazz-ti.blogspot.com/search/label/Tutorial%20VB');
d.add(20,3,'Delphi','http://dimazz-ti.blogspot.com/search/label/Tutorial%20Delphi');
d.add(30,3,'Vb Net','http://dimazz-ti.blogspot.com/search/label/Tutorial%20VB%20NET');
d.add(40,3,'Php Mysql','http://dimazz-ti.blogspot.com/search/label/Tutorial%20Php%20MySql');
d.add(100,3,'Contact Us');
d.add(110,3,'Facebook','http://www.facebook.com/DimazzLpU');
d.add(5,1,'Tutorials');
d.add(10,5,'Blog Tutorials','http://dimazz-ti.blogspot.com/search/label/Blog%20Tutorials');
d.add(20,5,'Tips Blogger','http://dimazz-ti.blogspot.com/search/label/Tips%20Blogger');
d.add(30,5,'Tips SEO','http://dimazz-ti.blogspot.com/search/label/Tips%20SEO');
d.add(40,5,'Tips Joomla','http://dimazz-ti.blogspot.com/search/label/Tips%20Joomla');
d.add(50,5,'Tips Komputer','http://dimazz-ti.blogspot.com/search/label/Tips%20Komputer');
d.add(60,5,'Networking','http://dimazz-ti.blogspot.com/search/label/Networking');
d.add(70,5,'Photoshop','http://dimazz-ti.blogspot.com/search/label/Photoshop');
d.add(80,5,'Kumpulan Driver','http://dimazz-ti.blogspot.com/search/label/Kumpulan%20Driver');
d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
d.add(10,2,'About Me','http://www.blogger.com/profile/09586833643197035332','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');
document.write(d);
//-->
</script>
</div>
9. Klik tombol
Simpan dan lihat hasilnya....