store science
Selasa, 14 Februari 2012
Tutorial untuk Membuat Menu DTree
DTree adalah menu yang diatur seperti pohon. Ini akan seperti menu ketika Anda membuka "jendela Explorer". Ini sangat berguna jika Anda telah banyak posting (articel) di blog Anda. Hal ini dapat berisi link banyak di ruang kecil. Ini akan menjadi seperti gambar di bawah ini:
Berikut ini langkah demi langkah tutorial untuk membuat "Menu DTree" di blogger:
1. Login ke Blogger, pergi ke "Layout -> Edit HTML"
2. Masukan kode di bawah ini lebih <head>
<link rel="stylesheet" href="http://blogoholic.info/files/dtree/dtree.css" type="text/css" />
Internet Lahan src="http://blogoholic.info/files/dtree/dtree.js"> </ script>
3. Simpan editting Anda.
4. Sekarang edit salinan akhir kode di bawah ini lalu pasang di sidebar Anda.
<div class="dtree">
<script type="text/javascript">
<! -
d = new dTree ('d');
d.add (0, -1, 'contoh pohon saya');
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>
Ubah "link.html" dengan link sendiri.
Nomor pertama harus unik (d.add (1,0 'Node 1', 'link.html');
Angka kedua adalah anak nomor tersebut (lihat warna).
Anda dapat menambahkan kode dibawah ini untuk menambahkan node baru dengan gambar Anda sendiri
d.add (10,0, 'Profile', 'link.html','','', 'http://blogoholic.info/files/dtree/trash.gif');
mengubah "http://blogoholic.info/files/dtree/trash.gif" dengan gambar Anda sendiri.
maka akan seperti ini:
Berikut ini langkah demi langkah tutorial untuk membuat "Menu DTree" di blogger:
1. Login ke Blogger, pergi ke "Layout -> Edit HTML"
2. Masukan kode di bawah ini lebih <head>
<link rel="stylesheet" href="http://blogoholic.info/files/dtree/dtree.css" type="text/css" />
Internet Lahan src="http://blogoholic.info/files/dtree/dtree.js"> </ script>
3. Simpan editting Anda.
4. Sekarang edit salinan akhir kode di bawah ini lalu pasang di sidebar Anda.
<div class="dtree">
<script type="text/javascript">
<! -
d = new dTree ('d');
d.add (0, -1, 'contoh pohon saya');
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>
Ubah "link.html" dengan link sendiri.
Nomor pertama harus unik (d.add (1,0 'Node 1', 'link.html');
Angka kedua adalah anak nomor tersebut (lihat warna).
Anda dapat menambahkan kode dibawah ini untuk menambahkan node baru dengan gambar Anda sendiri
d.add (10,0, 'Profile', 'link.html','','', 'http://blogoholic.info/files/dtree/trash.gif');
mengubah "http://blogoholic.info/files/dtree/trash.gif" dengan gambar Anda sendiri.
maka akan seperti ini:
Label:
Blogger
:.
