» » Cara Membuat Menu Dtree Pada Blog

Cara Membuat Menu Dtree Pada Blog


Ada yang menanyakan tentang menu Dtree, saya akan bahas sekalian bisa agan praktekan

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).
  • Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:
d.add(10,0,’Profile’,’link.html’,’’,’’,’http://1.bp.blogspot.com/_cwjk6FH_7pw/Sb4bSFYb_GI/AAAAAAAAD1g/Mp-0M0Xxz8s/s72-c/siu%20mau%20%28397%29.jpg’);

Ganti text "Tulisan Merah" dengan alamat gambar kamu

Mudah Khan...
Selamat Mencoba....

Labels: Panduan Membuat Blog

Terima Kasih sudah membaca artikel Cara Membuat Menu Dtree Pada Blog. Bantu Like dan sebarkan melalui fb, tweeter, dll dibawah ini.. Salam Hangat..!

0 Comment for "Cara Membuat Menu Dtree Pada Blog"

Back To Top