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 ..
2 comments:
Berkunjung menjalin relasi dan mencari ilmu yang bermanfaat. Sukses yach ^_^ salam dari teamronggolawe.com
Mantap infonya bro...
makasih banyak ilmunya, sangat bermanfaat. sy coba pasang di blogku, mohon masukan selanjutnya.
Post a Comment
Tim Gudang Materi mengharapkan komentar anda sebagai kritik dan saran untuk kami .. Hubungi kami jika anda mengalami kesulitan !