SubscribeMenu Dtree sangat efektif bagi pemilik blog yang didalamnya sudah terdapat banyak Posting. Dengan ini dia akan dipermudah dalam pencarian posting dan menghemat space blog.
Ok, jika kalian tertarik, silakan ikuti step step di bawah ini...
Cara :
- Login to Blogger, trus pilih "Layout --> Edit HTML"
- 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>
- Lalu klik tombol 'Save'
- Setelah itu copy kode berikut ini dan pasang di sidebar kamu, caranya kalian ke tab menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Copy Script berikut di sidebar tadi.
<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>
Keterangan :
- 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://kendhin.890m.com/dtree/trash.gif’);
- Ganti text "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu.
Selamat Mencoba
Sumber : Tips-trik blog
0 comments:
Post a Comment