Navigasi Tree merupakan cara yang efektif untuk membuat hierarki isi Blog seperti yang Gudang Materi dan Gudang Hukum Indonesia pergunakan di sidebar.
Mari kita mulai Tutorial membuat Navigasi Tree Gudang Materi dan lihat.. hasil akhirnya dibawah ini :
Mari kita mulai Langkah - langkah membuat Navigasi Tree Gudang Materi.
Langkah Pertama, Copy link dibawah ini dibawah <head> ..
<link href='http://idssl.fileave.com/tbg/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://idssl.fileave.com/tbg/dtree.js' type='text/javascript'/>
Lihat letaknya dibawah ini :
Setelah anda menaruh link tersebut seperti gambar diatas , kemudian Save Template .
Langkah Kedua , untuk membuat diagram Treenya anda harus menyalin link dibawah ini pada Tambah Gadget di Layout Blog anda . Yang memiliki Format HTML / Javascript .. Perhatikan dibawah ini ..
Demikian sharing ilmu dari Gudang Materi semoga berguna bagi para pembaca ..
Baca Selengkapnya ..
Mari kita mulai Tutorial membuat Navigasi Tree Gudang Materi dan lihat.. hasil akhirnya dibawah ini :
Mari kita mulai Langkah - langkah membuat Navigasi Tree Gudang Materi.
Langkah Pertama, Copy link dibawah ini dibawah <head> ..
<link href='http://idssl.fileave.com/tbg/dtree.css' rel='StyleSheet' type='text/css'/>
<script src='http://idssl.fileave.com/tbg/dtree.js' type='text/javascript'/>
Lihat letaknya dibawah ini :
Setelah anda menaruh link tersebut seperti gambar diatas , kemudian Save Template .
Langkah Kedua , untuk membuat diagram Treenya anda harus menyalin link dibawah ini pada Tambah Gadget di Layout Blog anda . Yang memiliki Format HTML / Javascript .. Perhatikan dibawah ini ..
<div class="dtree">Link diatas adalah Link dasar untuk mengembangkan Navigasi Tree anda agar lebih runtut . Untuk membuat cabang - cabang dari Navigasi tersebut , anda harus mengikuti Node sebelumnya . Dan untuk cabang dasar menggunakan ' -1 ' , kemudian untuk cabang dari dasar menggunakan ' x , -1 ' dan x tersebut tidak boleh sama satu sama lain dan harus berbeda untuk menghindari crash.
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Favorite Articles');
d.add(1,0,'3 Columns');
d.add(2,1,'3 Columns Explained','http://bguide.blogspot.com/2008/02/three-column-templates-explained.html');
d.add(3,1,'Skeleton of a Template','http://...');
d.add(4,1,'Adding a Third Column','http://...');
d.add(5,1,'Layout Wire Frame Editor','http://...');
d.add(6,1,'3 Columns with LR Sidebars','http://...');
d.add(7,0,'Blog Traffic');
d.add(8,7,'How to Monitor Visitors','http://...');
d.add(9,7,'Feedjit','http://...');
d.add(10,7,'Exclude Your Traffic from GA','http://...');
d.add(11,0,'Customizations');
d.add(12,11,'Add a Custom CSS class','http://...');
d.add(13,11,'Related Posts Table','http://...');
d.add(14,11,'Limit Widgets to Specific Pages','http://...');
d.add(15,1,'3 Column Step by Step Guides','http://...');
document.write(d);
//-->
</script>
</div>
Demikian sharing ilmu dari Gudang Materi semoga berguna bagi para pembaca ..