Membuat Menu Folder and Sub Folder Di Blog

Hari ini www.davidgunawan123.blogspot.com akan mengeshare menu/label blog dengan mode folder dan sub folder , seperti ini
cara membuat menu dtree

Nah bayangkan bila ini dipasang di blog pasti kan lumayan menarik kalau mau langsung saja caranya
1. Masuk ke www.blogger.com
2. Template
3. Edit HTML, Expand Template Widget
4. Cari kode </head>
5. Letakan kode berikut diatas kode </head>
<link  href='https://sites.google.com/site/bangkolis/javascript/dtree_maskolis.css'  rel='StyleSheet' type='text/css'/>        
<script  src='https://sites.google.com/site/bangkolis/javascript/maskolis_dtree.js'  type='text/javascript'/>   
 Jangan senang dulu www.davidgunawan123.blogspot.com belum selesai
6. Buka kembali www.blogger.com
7. Atau langsung ke tata letak
8. Add widget
9. HTML/Java script
10. Pastekan kode berikut
<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,'Creating Website');
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>  
 Nanti hasilnya akan sepert ini

Sekian dari www.davidgunawan123.blogspot.com semoga bermanfaat

Comments

Popular posts from this blog

Daftar bumbu masakan di indonesia

amerika serikat sebagai negara super power

Istri Nabi Nuh Wanita Yang Durhaka