Kategori Produk
Customer Service
Fanpage
Women Clothes
Online Service
Label:
Blogger
Sudah 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>
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'/>
<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>
<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
Diposkan oleh Andhika Hutomo
Label: Belajar Blog
- See more at:
http://www.blogdhika.com/2011/10/membuat-menu-dtree-di-blog.html#sthash.hXc0KrGN.dpuf
Pembayaran
Produk Terlaris
-
Sekilas tentang tabel. Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom. Dulu sebelum adanya ...
-
Sudah mengerti semua apa itu Menu d'Tree di Blog ? Menu d'Tree adalah menu yang menyerupai menu Windows eksplorer di komputer an...
-
Labels: Gamis Modern Harga: Rp.250.000 Busana gamis modern berbahan katun polos dengan kombinasi bahan print Size: S, M, L, ...
-
Labels: Baju Muslimah Jual Baju Muslim Qirani Q 8 2 Size : S, M, L, XL Rp.200.000 Butik muslim kami juga menyedia...
-
Labels: Kaos Muslimah Harga: Rp.200.000 Bahan: 100% katun combed 20 S yang berkualitas dan nyaman dipakai sehari-hari. Ters...
-
Dengan menggunakan gambar untuk tombol Form HTML seperti: submit, search, send dll memang akan kelihatan lebih menarik. Bagaimana cara mem...
-
Membuat header profil facebook dengan profile customizer ... Mau mempercantik tampilan profil facebook dengan sebuah gambar header profil...
-
fermentum varius eget at elit $ 1,024.00 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat ferment...
-
Labels: Baju Koko Jual Koko Pria Toyusin Kode 8052 Rp 147.000 Kode 8057 Rp 144.000 Kode 8056 Rp 141.000 Size...