Trik : Cara Membuat Menu Tree - part 2

Agldcnet - Setelah sekian lama tidak update akhirnya pada kesempatan kali ini bisa juga update, dan sebelum saya update saya blogwalking terlebih dahulu eh... nemu artikel yang menarik yaitu membahas tentang Cara Membuat Menu Tree nah artikel ini sama seperti artikel yang sudah saya post, namun bedanya menu tree kali ini untuk blogger, gimana menarik bukan (basi...:P) wkwkw yawdah tak usah berlama-lama....cekidot bae...

Lihat Gambar berikut ini terlebih dahulu...

Kira-kira seperti itulah menu tree yang akan kita buat nanti...:D

oke...untuk langkah pertama.

Login ke blogger dengan akun anda
Kemudian pada dasbor klik Rancangan >> Edit HTML

Letakkan kode/ script berikut di atas kode </head&gt

<link  href='https://sites.google.com/site/bangkolis/javascript/dtree_maskolis.css'  rel='StyleSheet' type='text/css'/>          
<script  src='https://sites.google.com/site/bangkolis/javascript/maskolis_dtree.js'  type='text/javascript'/>

Save Template anda..

Untuk langkah ke dua...

Pada dasbor klik rancangan
Kemudian klik elemen halaman => Tambah Gadget
Setelah itu pilih javascript/HTML, letakkan kode berikut pada kolom konten:

<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,'Creating Website');
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>

Untuk tulisan Link Anda.html silahkan ganti dengan url postingan anda atau label anda...
lalu Simpan dan hasilnya akan terlihat seperti gambar berikut...

Simpel bukan,..oke sekian dulu info dari saya... semoga bermanfaat..
#Creating Website

Trik : Cara Membuat Menu Tree - part 2

Label