Cara Membuat MENU Dtree

Menu Dtree adalah menu yang mirip dengan menu explore, Dan menu ini dapat kita tampilkan di WEB/BLOG kita. teman2 pasti sudah tau bagaimana bentuk menu explore? ya udah di bantu ya..di bantu ya..BIM SALABIM JADI APA PAK..PAK..PAK..wkwkwkwkwkw jadi ngaur nih....

Screensoot


ya udah kita langsung mulai saja ya....

Untuk Memulai memasang menu tersebut, seperti biasa,
Login dulu ke blogger, klik tata letak >>> klik Edit HTML


Cari Kode </head> Kalo Sudah Ketemu
Copy script berikut di atas kode tag </head> Yang Tadi

<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

Simpan template.


Selanjutnya yang harus teman2 lakukan adalah menaruh kode HTML dTree ke dalam gadget sidebar blognya teman2. Caranya klik Tata Letak >> Tambah Gadget HTML dan Copy HTML berikut ini Dan Paste:

<h2>Menu Blog Ini</h2>

<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,'Berbagi Info');

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>

Klik Simpan
Lihat Hasil Kerja'an Kamu......

Selesai
Moga Bermanfa'at........
Tapi Jangan Lupa Komentarnya ea....

Sumber Artikel Dari: t4belajarblogger