Membuat Menu d'Tree di blog

“MenuSudah mengerti semua apa itu Menu d'Tree di Blog ? Menu d'Tree adalah menu yang menyerupai menu Windows eksplorer di komputer anda dan menu ini berguna untuk menyimpan banyak link.
Lebih lengkapnya Menu d'Tree ini merupakan menu yang menyerupai menu pada Windows Eksplorer dengan tampilannya yang sepertinya sederhana dan ringkas tetapi sebenarnya bisa menyimpan semua isi yang terdapat dalam blog kita... terus bisa juga kita atur Menu d-tree tersebut semau kita..tetapi mungkin lebih sulit karena menu daftar isinya harus kita edit secara menual.

Langsung ke Cara Membuat Menu d'Tree di Blog
1. Pertama login ke blog
2. Pilih Rnacangan - Edit HTML
3. Cari kode </head>
4. Setelah ketemu letakan kode berikut tepat diatas kode </head> 

<link href='http://sites.google.com/site/ecaknyo/blog/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://sites.google.com/site/ecaknyo/blog/dtree_ecaknyo.js' type='text/javascript'/> 

5. Save

Nah unttuk membuat Menu d'Tree tampil di blog, saya hanya akan share bagaimana Cara Membuat Menu d'Tree di Widget baik di Sidebar ataupun di Footer.
Alasannya karena anda akan lebih mudah meng otak atik Menu d'Tree tersebut karena letaknya di Widget Laman.
1. Pertama Masuk ke Elamen Laman
2. Pilih Tambah Gadget - HTML/JavaScript
3. Copy kode berikut dan masukan ke dalamnya

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://sites.google.com/site/ecaknyo/blog/plus.gif" /><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://sites.google.com/site/ecaknyo/blog/minus.gif" /><b>Close all</b></a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Home','URL HomePage');

d.add(2,0,'Arsip Lainnya')

d.add(3,2,'Nama Folder','');
d.add(10,3,'Judul Artikel','URL Artikel');
d.add(20,3,'Judul Artikel','URL Artikel');
d.add(30,3,'Judul Artikel','URL Artikel');
d.add(40,3,'Judul Artikel','URL Artikel');

d.add(4,2,'Nama Folder','');
d.add(10,4,'Judul Artikel','URL Artikel');
d.add(20,4,'Judul Artikel','URL Artikel');
d.add(30,4,'Judul Artikel','URL Artikel');
d.add(40,4,'Judul Artikel','URL Artikel');
d.add(50,4,'Judul Artikel','URL Artikel');

d.add(5,2,'Nama Folder','');
d.add(10,5,'Judul Artikel','URL Artikel');
d.add(20,5,'Judul Artikel','URL Artikel');
d.add(30,5,'Judul Artikel','URL Artikell');
d.add(40,5,'Judul Artikel','URL Artikell');

d.add(6,2,'Nama Folder','');
d.add(10,6,'Judul Artikel','URL Artikel');
d.add(20,6,'Judul Artikel','URL Artikel');
d.add(30,6,'Judul Artikel','URL Artikell');
d.add(40,6,'Judul Artikel','URL Artikell');


d.add(7,2,'Nama Folder','');
d.add(10,7,'Judul Artikel','URL Artikel');
d.add(20,7,'Judul Artikel','URL Artikel');
d.add(30,7,'Judul Artikel','URL Artikell');
d.add(40,7,'Judul Artikel','URL Artikell');

d.add(8,2,'Nama Folder','');
d.add(10,8,'Judul Artikel','URL Artikel');
d.add(20,8,'Judul Artikel','URL Artikel');
d.add(30,8,'Judul Artikel','URL Artikell');
d.add(40,8,'Judul Artikel','URL Artikel');


document.write(d);

//-->
</script>

</div>

4. Save

 KET
  • URL HomePage : URL HomePage blog anda 
  • Nama Folder : Nama Folder yang ingin di tampilkan
  • Judul Artikel : Judul dari Artikel
  • URL Artikel : URL URL Arttikel tersebut

Mungkin cara penempatan Link dan Foldernya sudah saya jelaskan di kode diatas, tinggal anda ganti saja tulisan tersebut dengan masing-masing perintahnya.
Selanjutnya tinggal anda sendiri bagaimana mengeditnya agar Menu d'Tree di Blog tersebut terlihat semakin indah

2 komentar:

copazz mengatakan...

ijin kopas sob... :D

nikilaptop mengatakan...

keren gan ijin coba ya

ikilaptop

Posting Komentar

 
Copyright © 2011 Andhika Hutomo Blogdhika.com. Powered by Blogger™