Entri Populer
-
WA...H INILAH P artai K elompok S etan Inilah salah satu pemandangan kampanye sebuah partai yang ngaku-ngaku partai yang berbasis islam,p... -
Mungkin anda Pernah dan bahkan kebanyakan bagi orang yang hobi download file-file di internet yang berekstension .rar dari internet ? Dan fi... -
MUQADDDIMAH Segala puji hanya milik Allah, shalawat serta salam semoga tercurah kepada Rasulullah, keluarganya, para sahabatnya serta orang ... -
Sebidang tanah di bumi ini yang paling dicintai oleh Allah Subhanahu wa Ta’ala adalah rumah-rumah-Nya (masjid) yang di dalamnya ditegakkan i... -
Hardisk external merupakan barang yang tidak asing lagi bagi kita maniak komputer,baik mereka yang memang seorang " Dokter " PC ma...
Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini .
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://xxxxxx.gif’);
Ganti text "http://xxxxxxxx.gif" dengan alamat gambar kamu. contohnya akan seperti ini :
Nha gampang tho .....
Artikel Terkait:
0 komentar
Posting Komentar