Jika anda sering mengoperasikan komputer yang memakai Operation System
(OS) windows, saya yakin pasti tahu apa itu menu dTree. Menu dTree
adalah menu seperti pohon bercabang yang biasa kita lihat pada saat kita
membuka windows explorer pada komputer. Fungsi menu ini hampir sama
dengan menu navigasi yang lain, yaitu untuk lebih memudahkan seorang
pengunjung menjelajahi blog kita. agar kita tidak penasaran seperti apa
sich Menu dTree itu? Berikut contoh Menu dTree yang dapat kita pelajari
kali ini :
Setelah melihat tampilan gambar di atas ternyata keren juga ya.... Wah
mesti cepat-cepat memasangnya ne.... tapi bagaimana caranya ya....??
heheheh
adapun caranya sebagai berikut
Langkah awal
- Login ke blogger dengan akun anda
- Kemudian pada dasbor klik Rancangan >> Edit HTML
- Letakkan kode/ script berikut di atas kode </head>
<link href='https://sites.google.com/site/bangkolis/javascript/dtree_maskolis.css' rel='StyleSheet' type='text/css'/>Save Template Sobat
<script src='https://sites.google.com/site/bangkolis/javascript/maskolis_dtree.js' type='text/javascript'/>
Langkah selanjutnya
- Pada dasbor klik rancangan
- Kemudian klik elemen halaman => Tambah Gadget
- Setelah itu pilih javascript/HTML, letakkan kode berikut pada kolom konten:
<div class="dtree">4. Simpan, Lalu lihat hasilnya...
<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,'Madura 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>
0 Komentar "Cara Membuat Menu explorer di Blog(Menu dTree)"