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.

Share This Article



Post Comment

5 komentar untuk " Cara Memasang Menu Explorer di blog (Menu dTree) "

  1. oh gitu toh caranya, ini yang ku cari dari kemarin2

    BalasHapus
  2. Tutorialmu bagus tp fungsi menu eksplorer di blog apa gan ?

    BalasHapus
  3. Keeren..bisa di coba niieecchh....tpi ane tkut salah mltakkannya...nnti blog ane gk bsa di comen agiiee...hehee..thanks gan infonya...

    BalasHapus
  4. oe baru tau kalo bisa ditambahin kayak gitu.. nice inpo

    BalasHapus
  5. mantap pak, salam Kryosy Endz

    BalasHapus

Silakan Anda mengirim kritik, saran, atau pertanyaan ke :

E-mail:
Facebook:

Syarat dan ketentuan berkomentar :
1. Dilarang menghina siapa pun
2. Dilarang berkomentar sampah. Contoh : Promosi produk
3. Jangan menggunakan link hidup
Maaf bila saya belum bisa membalas komentar atau mengunjungi situs Anda. Terima kasih atas kunjungan atau komentar Anda di blog sederhana ini. Salam kami www.tutorial-kumplit.com...
Konversi Kode Emoticon Folllow

Back to Top