Grab the RSS feed

Menu DTree

Label: ,

Menu DTree ini untuk membuat tampilan yang biasa kita temui seperti windows explorer, untuk prosesnya, login ke blogger, kemudian pilih Layout > Edit HTML, copy-kan kode berikut tepat diatas kode <head>,
biar gampang tekan ctrl + f , ketik <head>....

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>


selanjutnya simpan,
langkah ketiga, pilih Page Element, kemudian pilih Add Gadget > HTML/Script, masukkan kode dibawah ini kedalamnya.

<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Contoh Menu Dtree');
d.add(1,0,'Node 1','contoh01.html');
d.add(3,1,'Node 1.1','contoh01.html');
d.add(5,3,'Node 1.1.1','contoh01.html');
d.add(6,5,'Node 1.1.1.1','contoh01.html');
d.add(2,0,'Node 2','contoh01.html');
d.add(4,0,'Node 3','contoh01.html');
d.add(7,0,'Node 4','contoh01.html');
d.add(8,1,'Node 1.2','contoh01.html');
document.write(d);
//-->
</script>

Langkah keempat, ganti link sesuai dengan link sendiri, coba lihat kode dibawah :

d = new dTree('d');
d.add(0,-1,'Contoh Menu Dtree');
d.add(1,0,'Node 1','contoh01.html');
d.add(3,1,'Node 1.1','contoh01.html');
d.add(8,1,'Node 1.2','contoh01.html');
d.add(5,3,'Node 1.1.1','contoh01.html');
d.add(6,5,'Node 1.1.1.1','contoh01.html');
d.add(2,0,'Node 2','contoh01.html');
d.add(4,0,'Node 3','contoh01.html');
d.add(7,0,'Node 4','contoh01.html');

angka pertama merupakan sub label, sedangkan angka kedua merupakan parent dari sublabel.
selanjutnya ganti "contoh01.html" dengan link postingan / label di blog kamu, rada ribet juga sih, tapi lama lama juga ngerti kok...

 

Post Info

0 komentar:

    • Budayakan Komentar ^^

    Langganan: Posting Komentar (Atom)