Buat teman blogger yang mungkin berniat untuk menambahkan menu Dtree pada blognya/web, anda dapat mencoba cara diposting ini, tapi mungkin ada yang belum tahu apa itu menu Dtree (D-Tree) ? itu loh menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu loh, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini atau seperti...
Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?
Beginilah cara membuatnya :
1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <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>
3. Trus Klik Tombol "Save
4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.
<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>
berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
Nah itulah cara bagaimana membuat menu Dtree, smoga bermanfaat...
Slamat mencoba (trik-tips.blogspot) :D
Artikel Terkait:
- Ingin Tau Total Posting dan Total komentar
- Blogroll
- Tips Cara membuat Read More
- Cara Merubah Dari Nofollow Menjadi Dofollow
- Apa Itu "U Comment I Follow" ...?
- Tips Mempercepat Loading Blog
- Cara Memasang Widget Alexa
- Cara Memasang Buku Tamu (Shoutbox/Guestbook)
- Untuk Mengetahui Berapa Yang Online
- Tukeran Link Yuk...
- GRATIS! Daftarkan Situs & Blog Anda di 50 Lebih Situs Search Engine
- Menampilkan status YM anda di blog
- Cara Mendaftar Blog Pada Search Engine
- Memasang Iklan di Internet, Efektifkah?
- Situs-situs Panduan Untuk Menjadi Seorang Blogger (Membuat Blog)
- Tips menyembunyikan navbar pada blogger
- Tips submit ke seluruh search engine dan blog directory
- Tentang Margin, Padding, dan Border
- Cara mengganti template Blogger
- Menampilkan code script di posting
- Membuat script search di blogspot
- 10 Tools terbaik untuk menganalisa halaman Web/Blog
- Trik Membuat Kotak Komentar di Bawah Posting Blogspot
- Cara Memasang Badge (Status) Facebook di Blogspot
0 komentar:
Post a Comment
Eiits.. Mau kemana abis baca, JANGAN LUPA dikomentarin ya...thx