Cara Memasang Menu Explorer di blog (Menu dTree)

Cara Memasang Menu Explorer di blog (Menu dTree) by tutorial kumplit

Pagi ini hari selasa 3 februari 2015 saya akan membahas mengenai menu yang menyerupai menu explorer pada windows yaitu menu dTree, seperti gambar di atas menu ini memang sangat mirip sekali dengan menu yang terdapat di menu explorer unik bukan mau tau bagaimana cara memasang menu ini di blog anda? yuk langsung aja ke cara membuat menu dTree dan cara memasang nya di blog :

Untuk memulai membuat menu dTree ini jangan lupa baca bismillah selanjutnya login ke blog agan terlenih dahulu, Lalu klik Temple =>> klik Edit HTML

1. Cari kode </head> untuk mempermudah tekan Ctrl+F setelah ketemu pastekan scrip berikut di atas code </head>

<link rel="StyleSheet" href="https://zero.wc.lt/dTree/dtree.css" type="text/css" />
<script type="text/javascript" src="https://zero.wc.lt/dTree/createdtree.js"></script>

 Simpan Temple.

2.  Setelah nomer 2 selesai yang harus agan lakukan adalah tinggal menaruh kode HTML menu dTree  kedalam Gadget blog agan, caranya sebagai berikut :

Klik Tata Letal =>> Tambah Gadget HTML dan masukan kode HTML dibawah ini :


<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,'Kang blog');
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>
 Setelah itu simpan Gadget agan.

Penjelasan :

#.html : adalah folder utama atau folder sub utama.
link anda html : itu bisa di ganti dengan ling agan

1, 0 adalah folder utama
2, 1 berarti sub dari folder utama, jika agan ingin menambahkan sub folder dari yang pertama maka tulis 3, 1 d.add(3,1,'Sub Folder 02',' #.html'); 

sekian tutorial dari saya jika ingin ada yang ditanyakan silahkan berkomentar.

Related Posts:

Disqus Comments
© 2017 Tutorial Kumplit - Template Created by goomsite - Proudly powered by Blogger