27 April 2010

Cara Membuat Menu DTree Blog

contoh menu Dtree

atau mau liat contoh aslinya di sini

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

Oke , Selamat Mencoba Image and video hosting by TinyPic

Cara Membuat Menu DTree Blog Rating: 4.5 Diposkan Oleh: Queen Sarifa Marwa

6 komentar:

  1. sbnrnya sich dr dulu aq pgn pake ini, tp karena tampilannya terkesan krg elegan, jd gak aq pake. oiya kawan, klo boleh saran nich ya, gr2 blog Anda pake background, jadinya tulisan/isi artikel Anda jadi kurang jelas dibaca. emang sich background bisa mempercantik blog, tapi klo mengganggu yg lain, bisa2 malah jadi boomerang. maaf lho ya klo kata2 saya kurang berkenan. mg makin sukses aja. makasih ya atas kunjungannya

    ReplyDelete
  2. riff...
    tolong jelaskan juga kode yang harus diletakkan diatas 'head'
    karena menu dtree belum nampak/keluar dalam blog saya
    terimakasih yaa..

    ReplyDelete
  3. riff....
    maaf kemarin mungkin saya tidak teliti mengikuti petunjuknya.
    sekarang sudah bisa tampil dtree nya.
    terimakasih.... terus tambah posting.

    ReplyDelete
  4. Hello bng Sonny..,, Thank u very much Tutorialnya segera di eksekusi ke My Blog

    http://sandigunawan.wordpress.com

    ReplyDelete
  5. thanks mas atas infonya !

    ReplyDelete

Komentar Spam, Link Aktif, dan URL Blog Takkan Muncul. Tidak semua pertanyaan sempat/bisa dijawab.