Membuat Menu DTree "tampilan windows explorer"
Dtree? Maksudnya apa y?
nah Ditree adalah script yang dapat kita tambahkan ke blog kita.
Menu dtree ini sama seperti Windows Explorer. jadi anda dapat menguraikan artiikel
anda melalui menu Dtree agar lebih mudah untuk dicari.
untuk membuat menu dtree Ikuti langkah dibawah ini :
- Log in ke blogger menggunakan account anda
- pada tata letak klik pada elemen halaman
- klik add new page elemen, lalu copy script dibawah ini dan paste ke dalam box tersebut.
<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>
Catatan :<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
pada angka 1,0 angka 1 yg terdapat dibawah adalah cabang dari angka 1 yg diatas.
2,1
jadi jika anda ingin membuat folder baru anda dapat menambahkan angka 0 setelah angka sebelumnya EX : 3,0
ingat angka sebelum angka 0 haruslah berurutan mengikuti angka dari atas 1,2,3,4,5,6,7,8,9 dst.
Tulisan node 1,node 1.1, node 1.1.1 dst dapat kamu ganti dengan judul posting anda atau yg lain. sedangkan link link html kamu ganti dengan alamat yang dituju!
Jika anda sudah memahami script diatas maka anda akan lebih mudah dalam membuat urauiannya. bahkan anda dapat menambahkannya lagi dengan ini :
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
Tapi ingat, ganti script yg harus diganti seperti yang telah saya jelaskan diatas.
Selamat mencobah!
Menampilkan status YM di blog
Caranya gampang koq...
- Log in ke blogger
- Pada Panel Kontrol, klik "Tata Letak"
- klik pada tab tata letak, lalu klik elemen halaman
- Klik add page element pada bagian side bar yang akan di tambahkan
- masukkan script dibawah ini:
src="http://opi.yahoo.com/online?u=f.nando_fb&m=g&t=2&l=us"/>
</a>
Ingat, ganti tulisan yang berwarna merah dengan ID YM kamu!
