Cara Membuat Menu DTree di Blog

contoh menu Dtree

atau anda mau liat contoh aslinya silahkan anda kunjungi blognya achmad-syarifudin di sini 



ok mungkin aku tidak akan panjang lebar menulis posting karena semua orang pastinya pingin langsung praktik, ya udah kita langsung saja praktiknya :



1. Masuk Ke Halaman Dashboard > Tata Letak > Edit Html



2. Copy kode berikut tepat diatas kode </head>

<link href='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/dtree.css' rel='StyleSheet' type='text/css'/>

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/createdtree.js' type='text/javascript'/>

3. Jangan Lupa Save Template.



4. Setelah itu masuk ke halaman > Elemen Laman > Tambah gadget > HTML/JavaScript dan copy paste kode berikut :

<h2>Menu Dtree</h2>

<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,'rifweb menu');

d.add(1,0,'Spoiler','http://rifweb.blogspot.com/2010/04/cara-membuat-spoiler.html');

d.add(2,1,'Related Post','http://rifweb.blogspot.com/2010/04/membuat-related-post-dalam-kotak-scroll.html');

d.add(3,1,'Gambar Melayang','http://rifweb.blogspot.com/2010/04/membuat-gambar-melayang-pada-blog.html');

d.add(4,1,'Judul','URL Anda');

d.add(5,0,'Judul','URL Anda');

d.add(6,5,'Judul','URL Anda');

d.add(7,5,'Kosong','');

d.add(8,5,'Kosong','');

d.add(9,0,'Menu Dtree','http://rifweb.blogspot.com/2010/04/cara-membuat-menu-dtree-blog.html');

d.add(10,9,'Bisnis Online','http://rifweb.blogspot.com/2010/03/tips-bisnis-online-negeriads.html');

d.add(11,9,'','');

d.add(12,0,'','');

d.add(13,0,'Info Bisnis','http://rifweb.blogspot.com/search/label/Tips%20Bisnis');

d.add(14,13,'My FaceBook','http://id-id.facebook.com/people/Achmad-Syarifudin-Met/1548656061');

d.add(15,13,'Judul','URL Anda');

document.write(d);

//-->

</script>

</div>

Keterangan :



- Ganti tulisan berikut "rifweb menu" dengan nama Anda, "Spoiler" dengan judul posting Anda dan "http://rifweb.blogspot.com/2010/04/cara-membuat-spoiler.html" dengan alamat tujuan blog Anda dan Gantilah sterusnya dengan judul dan alamat url yang Anda punya !!!

 

- Angka yang pertama harus unik tidak boleh ada yang sama " d.add(0,-1,'rifweb menu'); ";



- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).



5. Save Gadget



Selamat mencoba .........!!!!!!!!!!!!!!!

Terima Kasih

Created By Syarief Hidayat



------------------------------------------------------------------------------------------