Menu dtree ala win 7 bin apple

menu dtree dari komputer

Menu dtree adalah widget cantik berupa windows eksplorer. tepatnya saat membuka windows eksplorer di microsoft  windows. Sekarang dapat ditampilkan pada blog atau web. Selain mempercantik, juga dapat meminimalisir ruang dan spasi halaman blog.

cara membuat menu dtree

• login blog

• rancangan -> edit HTML cari kode </head>

• lalu taruh kode dibawah ini diatas kode </head>

<link href='http://vikrymadz.googlecode.com/files/dtree.css' rel='StyleSheet' type='text/css'/>

<script src='https://sites.google.com/site/yadikhendryantocom/coba-coba/createdtree.js' type='text/javascript'/>

• simpan template

• lalu buka menu Elemen Laman -> tambah Gadget (HTML/JavaScript)

• lalu masukkan kode dibawah ini

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'::Blogging Is My Life::');
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 sobat.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 sobat.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 sobat.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,0,'File[non-folder]',' link sobat.html');
d.add(11,0,'File[non-folder]',' link sobat.html');
d.add(12,0,'File Single',' link sobat.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>

sreen shoot

menu dtree dari web

sebenarnya tutorial ini saduran dari vikrymadz.blogspot.com yang saya modif sedikit agar tampilannya cantik. saya ucapkan terima kasih kepada vikrymadz.blogspot.com.


p.s: untuk lebih jelasnya, kunjungi klik disini. sebaiknya anda membuat (memodif) sendiri dengan syarat mengetahui cara membuat dan menyimpan file JS dan CSS. lebih aman bro.