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


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
Ditunggu commentnya ya

Related Post:

Backlink Please !

URL

Code For Forum

HTML Code <a href='http://davidgunawan123.blogspot.com/2012/11/membuat-menu-folder-and-sub-folder-di.html' target='_blank'>Membuat Menu Folder and Sub Folder Di Blog</a>

Anda sedang membaca artikel tentang Membuat Menu Folder and Sub Folder Di Blog dan anda bisa menemukan artikel Membuat Menu Folder and Sub Folder Di Blog ini dengan url http://davidgunawan123.blogspot.com/2012/11/membuat-menu-folder-and-sub-folder-di.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Menu Folder and Sub Folder Di Blog ini sangat bermanfaat, namun jangan lupa untuk meletakkan link Membuat Menu Folder and Sub Folder Di Blog ataupun link ke D-G Blog sebagai sumbernya. Semoga dengan adanya artikel Membuat Menu Folder and Sub Folder Di Blog bisa membantu kalian semua.