Dulu saya pernah membahas tentang manajemen link di blog ini. Sampai² pernah bikin plugin myBlogRoll khusus untuk wordpress 
. Kok demen banget ya ngebahas manajemen link ? untuk blogger newbie seperti saya kan suka nyari partner buat bertukar link, jadi perlu dimanajemen biar rapi getoo . Nah sekarang kita belajar menampilkan link dalam bentuk Tree (pohon). Pernah tahu tree menu kan ? itu lho seperti menu navigasi disisi kiri windows explorer.
Bingung ? lihat saja gambar disamping . Nah sudah tahu kan. Tree menu bisa juga dimanfaatkan sebagai blogroll. Hanya saja kita perlu sedikit kerja keras mengetik satu persatu link yang akan kita tampilkan di blog kita. Langsung saja ini scriptnya.
<!--
(Please keep all copyright notices.)
This frameset document includes the Treeview script.
Script found at: http://www.treeview.net
Author: Marcelino Alves Martins
Instructions:
- Through the style tag you can change the colors and types
of fonts to the particular needs of your site.
- A predefined block has be en made for stylish people with
black backgrounds.
-->
<!-- Code for browser detection -->
<script src='http://tipis.web.id/resources/js/treeview/ua.js'></script>
<!-- Infrastructure code for the tree -->
<script src='http://tipis.web.id/resources/js/treeview/ftiens4.js'></script>
<!-- Execution of the code that actually builds the specific tree.
The variable foldersTree creates its structure with calls to
gFld, insFld, and insDoc -->
<script language='JavaScript'>
<!--
// You can find instructions for this file here:
// http://www.treeview.net
// Decide if the names are links or just the icons
USETEXTLINKS = 1 //replace 0 with 1 for hyperlinks
// Decide if the tree is to start all open or just showing the root folders
STARTALLOPEN = 0 //replace 0 with 1 to show the whole tree
ICONPATH = 'http://tipis.web.id/resources/js/treeview/' //change if the gif's folder is a subfolder, for example: 'images/'
<!-- START EDIT HERE -->
foldersTree = gFld('<i>myBLOGROLL</i>', 'http://tipis.web.id')
aux1 = insFld(foldersTree, gFld('Partner Links', ''))
insDoc(aux1, gLnk('R', 'Partner 1', 'http://partner1.com'))
insDoc(aux1, gLnk('R', 'Partner 2', 'http://partner2.com'))
insDoc(aux1, gLnk('R', 'Partner 3', 'http://partner3.com'))
aux1 = insFld(foldersTree, gFld('Network Links', ''))
insDoc(aux1, gLnk('R', 'Network 1', 'http://Network1.com'))
insDoc(aux1, gLnk('R', 'Network 2', 'http://Network2.com'))
insDoc(aux1, gLnk('R', 'Network 3', 'http://Network3.com'))
aux1 = insFld(foldersTree, gFld('Friend Links', ''))
aux2 = insFld(aux1, gFld('A', ''))
insDoc(aux2, gLnk('R', 'Friend A1', 'http://FriendA1.com'))
insDoc(aux2, gLnk('R', 'Friend A2', 'http://FriendA2.com'))
insDoc(aux2, gLnk('R', 'Friend A3', 'http://FriendA3.com'))
aux2 = insFld(aux1, gFld('B', ''))
insDoc(aux2, gLnk('R', 'Friend B1', 'http://FriendB1.com'))
insDoc(aux2, gLnk('R', 'Friend B2', 'http://FriendB2.com'))
insDoc(aux2, gLnk('R', 'Friend B3', 'http://FriendB3.com'))
aux2 = insFld(aux1, gFld('C', ''))
insDoc(aux2, gLnk('R', 'Friend C1', 'http://FriendC1.com'))
insDoc(aux2, gLnk('R', 'Friend C2', 'http://FriendC2.com'))
insDoc(aux2, gLnk('R', 'Friend C3', 'http://FriendC3.com'))
insDoc(aux1, gLnk('R', 'Special Friend 1', 'http://SpecialFriend1.com'))
insDoc(aux1, gLnk('R', 'Special Friend 2', 'http://SpecialFriend2.com'))
insDoc(aux1, gLnk('R', 'Special Friend 3', 'http://SpecialFriend3.com'))
aux1 = insFld(foldersTree, gLnk('R', 'Special Link 1', 'http://speciallink1.com'))
aux1 = insFld(foldersTree, gLnk('R', 'Special Link 2', 'http://speciallink2.com'))
aux1 = insFld(foldersTree, gLnk('R', 'Special Link 3', 'http://speciallink3.com'))
<!-- END EDIT HERE -->
//-->
</script>
<!-- By making any changes to this code you are violating your user agreement.
Corporate users or any others that want to remove the link should check
the online FAQ for instructions on how to obtain a version without the link -->
<!-- Removing this link will make the script stop from working -->
<div style='position: absolute; top: 0pt; left: 0pt; display: none;'>
<a href='http://www.treemenu.net/' target='_blank'>JavaScript Tree Menu</a>
</div>
<!-- Build the browser's objects and display default view of the tree. -->
<div>
<script>initializeDocument()</script>
</div>
Ket.
- Script ini defaultnya semua folder tertutup, jika ingin defaultnya semua folder terbuka, set variable STARTALLOPEN = 1
- Pada dasarnya semua script jangan dirubah kecuali di area yang saya beri tulisan START EDIT HERE dan berakhir di END EDIT HERE. Kelihatan kan level Tree nya. Silahkan ditambah dan dikurangi sendiri sesuai kebutuhan masing².
- Bingung ya ? sama haha. Saya sebenarnya kesulitan menjelaskan script diatas karena itu tanya saja bingungnya dimana, nanti kita bahas bersama ok
- Script ini kompatibel dihampir semua browser (Camino, IE, FireFox, Konqueror, Mozilla, Netscape, Opera, Safari, Chrome) asalhakn setting javascriptnya enable aja
- Style CSS nya mengikuti default theme/template masing²
- Mau lihat demonya ? klik saja DISINI
Bagi pengguna wordpress (self host) script ini diletakkan didalam widget TEXT. Bagi pengguna Blogspot scriptnya diletakkan di widget HTML/Javascript.
Ingat karena model tree ini memakai javascript, jadi link yang ditampilkan tidak dianggap sebagai backlink karena tidak terbaca oleh robot search engine .
Tertarik ? silahkan mencoba
Nb.
Script ini bukan buatan saya, script ini bernama TREEVIEW by Gubusoft. Script yang saya share diatas bukan full script, tapi hanya sebagian saja untuk memudahkan pengaplikasiannya. Sebagiannya lagi saya simpan diserver hosting saya. Apabila rekan² ingin download full scriptnya bisa langsung menuju TKP gratis kok (ada versi berbayarnya sih, tentu saja lebih customize) .
Pertamaaaxxxxx wkwkkw.. wuih manajemen linknya keren.. pake JS ya
keduaxxxxxxx……..!!! comment di blog keren
Wah bener bisa tambah rapi ya.. jadi kepikiran
ummm……….om tau aja yg ada dipikiranku, eh..langsung dicariin scriptnya. seeppp !!!!!
aku coba om. eh btw keren juga selalu ada embel2 tipis.web.id
wah… maenannya keren nih… make java scripts… siip om… mantab
ada yang udah jadi plugin siap instal gak :p
hanya untuk wordpress ya mas? klo untuk blogspot, bisa gak? nuwun
oh ternyata masih ada terusanya dibawah, he2 nuwun mas
ndak mudeng om,,
*gejala o-on.com*
wah bagus penampakannya, klo ditaruh di page nya wordpress bs gak om ?
soal setting lango di RM, setting lango na indonesia,om. soalnya dulu pernah set english eh dihukum,hehe untung masih keterima lagi setelah minta maap,,wkwkwkwk.. iya om coba aja ngajuin permohonan.. RM ternyata ga liat pr kok, kayake mereka emang tergila2 sama jumlah reactions di technorati tuh..
wah blogger belum bisa yah mas
wew…. diketik satu2 yak, payah juga kalo gitu
wedew mumet tenan kuwi bos. hahahaha. paling dodol kalo masalah coding
buset nyayian kode :-”
waduw keren tuh,tapi buat klasik style bagus yak……
wah link ku belum banyak jadi saya simpen dulu aja infonya buat nanti hehehe
waduh…coding euy..pas deh…hehehee
hmmmm itu treenya udah bisa baca database link or masih manual om? maksudnya jika ingin nambah mesti ketik satu2?
keren tuh kayaknya.. ntar kalo ada waktu dan biaya aku coba juga aahh….
bisa buat blogspot gak yahhh?
keren mas tipis! walaupun pusing liat koding
wah keren om seceriptnya…..!!!
coba ah. thanks ya
pengen si mas tapi ga mudeng editnya,bsk belajar lg ah,ueheheheh
wew bgus bgt… Saya pljrin dlu yah… Hmmmm..
angel iki ketoke
lho namaku disebut² sama persikers
Ya, memang saya masih sma….
Kayaknya bisa di coba nih…
Mluncuuuuuuuuur…
memang kok ini mas tipis ada aja yang dibuatnya..terlalu creative…iihihhihihi saloet dah…
beuhg…yg beginian neeh…babar blas ra mudeng…tapi emang bener sih kreatip..
makin rame aja nih blog. Sukses selalu buat mas Tipis
pake pluginnya mas yang myblogroll udah cukup
wah javascript lage kah?? wew
Daftarkan blog anda dalam Lomba blog berhadiah total 10 juta rupiah + Handphone + speedy gratis. lihat info di http://www.audiochute.com
mas….kok di blog saya enggak bisa kebuka isinya? kalo gambar foldernya sih kebuka tapi engga ada isinya. padahal udah saya isi kok.
kayaknya bisa dicoba deh.thanks
waduh kalo kagak dapat backlink, gimana dong om??? tapi yang widget myBlogrool buatan om, dapat backlink kan????
Iya ok nih widgetnya…
Bagus sih, tapi gue pengen lihat contohnya di blog loe engga ada…jadi belum tahu gimana implementasinya… Kalau dari gambar sih kelihatan bagus.
oooo gitu tho link tree itu, ntr ah cobanya
ribet banget mas…aku udah coba pake plugin WP d-tree (bisa nampilin kategori, archive, link), hasilnya waktu mo ngesave postingan suka eror, akhirnya aku lepas dan lebih suka pake dropdown buatan mas sandi… trims buat semua idenya…
weleh.. weleh… tambah oke aja postingannya
makasih banyak mas atas sharing ilmunya
“Aq masih bingung mas????”
duh waduwh..ngomong2 suoal link…link mas sipit ehhh…. uda kepasang sejak setahun yang lalu loh, tepatnya juli 2008 ….
nice article, kunjungan balik ya..
Keren2… saya ujicobakan ke blog saya yaa… work it gak yaa?
tar klo gak bisa, saya boleh tanya2 kan?
As a newbie this is a great resource for me in Link building Platform. Tree wise Link building is always a way to enjoy link building. This is a real format to use and it is really easy of use.
bagus2
oke mas ..bisa dicoba
langsung ke TKP mas.m kacih ya.
thank you so much for such a great subject its so hard to find such a very usful and greatful informations it took me a loon to find such a very good matrial thank you so much indeed
Wah bagus tuh biar blog kliatan’ya rapih!!!
KEren akan saya coba tuh
trima kasih Gan. Cara memanajemen link dengan tree style sudah lama saya cari untuk digunakan di blogspot
wah bisa dicoba ni idenya…biyar blogrolling jadi semakin menarik
you know, your article really inspiring me a lot, thanks dude!
scripnya panjang banget mas,,mantep,,bikin pusing
Hi saya newbi nih di dunia blog.mo tanya dunk. kalo untuk buat agar ada related post-nya di artikel yang diposting gimana caranya ya ? email saya dunk infonya. makasih ya. thanks
wah .. ternyata ini postingan tahun 2008 ya…
tapi keren bro…
Great informative post thank you so much for such a great post.
Very easy to manage link use tree style
thanks forthis tutorial..