Link Management with Tree Style

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.

  1. Script ini defaultnya semua folder tertutup, jika ingin defaultnya semua folder terbuka, set variable STARTALLOPEN = 1
  2. 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ยฒ.
  3. Bingung ya ? sama haha. Saya sebenarnya kesulitan menjelaskan script diatas karena itu tanya saja bingungnya dimana, nanti kita bahas bersama ok ๐Ÿ™‚
  4. Script ini kompatibel dihampir semua browser (Camino, IE, FireFox, Konqueror, Mozilla, Netscape, Opera, Safari, Chrome) asalhakn setting javascriptnya enable aja ๐Ÿ˜€
  5. Style CSS nya mengikuti default theme/template masingยฒ
  6. 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) ๐Ÿ™‚ .

102 Comments

  1. Nias Zalukhu November 18, 2008 Reply
  2. BLogicThink [dot] com November 18, 2008 Reply
  3. Eljaholic November 18, 2008 Reply
  4. jingga November 18, 2008 Reply
  5. Masenchipz November 18, 2008 Reply
  6. action November 18, 2008 Reply
  7. gusbud November 18, 2008 Reply
  8. gusbud November 18, 2008 Reply
  9. ika November 18, 2008 Reply
  10. angie November 18, 2008 Reply
  11. ika November 18, 2008 Reply
  12. harianku November 18, 2008 Reply
  13. afwan auliyar November 18, 2008 Reply
  14. bocah November 18, 2008 Reply
  15. babbicool November 18, 2008 Reply
  16. sandy November 18, 2008 Reply
  17. ontria November 18, 2008 Reply
  18. soerdjak November 18, 2008 Reply
  19. xero November 18, 2008 Reply
  20. lalala November 18, 2008 Reply
  21. bocahiseng November 19, 2008 Reply
  22. jimmy November 19, 2008 Reply
  23. oeoes November 19, 2008 Reply
  24. ilham November 19, 2008 Reply
  25. Ardy Pratama November 19, 2008 Reply
  26. persikers November 19, 2008 Reply
  27. angie November 19, 2008 Reply
  28. purworejo November 19, 2008 Reply
  29. the fachia November 19, 2008 Reply
  30. heddy November 19, 2008 Reply
  31. Narmadi November 19, 2008 Reply
  32. dipta November 19, 2008 Reply
  33. izandi November 19, 2008 Reply
  34. malapu November 19, 2008 Reply
  35. fajar November 20, 2008 Reply
  36. boyocreative November 21, 2008 Reply
  37. cari uang November 21, 2008 Reply
  38. Pascal November 21, 2008 Reply
  39. ariwolu November 21, 2008 Reply
  40. ipanks November 29, 2008 Reply
  41. Nasir June 2, 2009 Reply
  42. aa' mil June 15, 2009 Reply
  43. aris October 23, 2009 Reply
  44. Arie November 24, 2009 Reply
  45. relaks January 9, 2010 Reply
  46. Riyan February 5, 2010 Reply
  47. fairdee February 22, 2010 Reply
  48. Newbie Link Builder February 24, 2010 Reply
  49. syafiq February 25, 2010 Reply
  50. awan August 24, 2010 Reply
  51. Free Backlink September 23, 2010 Reply
  52. monk tv show November 15, 2010 Reply
  53. Akbar January 1, 2011 Reply
  54. EYunkCOba2.com April 21, 2011 Reply
  55. Harauku April 22, 2011 Reply
  56. gadget review April 23, 2011 Reply
  57. jam tangan online June 24, 2011 Reply
  58. jugglingart.org November 11, 2011 Reply
  59. idebagus December 17, 2011 Reply
  60. Jefry January 29, 2012 Reply
  61. Blythe Hamel May 26, 2012 Reply
  62. Sex Romans June 15, 2012 Reply
  63. jasa buat website murah September 15, 2012 Reply
  64. Fussed Blogger October 1, 2012 Reply
  65. hengky saelah October 1, 2012 Reply
  66. rental genset October 30, 2012 Reply
  67. budi January 7, 2013 Reply
  68. toko bunga online January 13, 2013 Reply
  69. Mega Cara February 17, 2013 Reply
  70. resep membuat April 7, 2013 Reply
  71. zuhri ma'arif April 25, 2013 Reply
  72. Obat Kuat Pria May 24, 2013 Reply
  73. Review Writer June 16, 2013 Reply
  74. jual sprei murah June 25, 2013 Reply
  75. Wow Tekno July 25, 2013 Reply
  76. Info Blogging July 25, 2013 Reply
  77. Tips dan Cara July 25, 2013 Reply
  78. Cancer and diet July 27, 2013 Reply
  79. Perpustakaan Online August 20, 2013 Reply
  80. Tutorial Blogging August 25, 2013 Reply
  81. Cara Membuat BLog August 25, 2013 Reply
  82. Supplier Herbal Magetan September 3, 2013 Reply
  83. cara mengobati wasir September 14, 2013 Reply
  84. Voucher Pendidikan October 24, 2013 Reply
  85. Hilon Geo textile December 31, 2013 Reply
  86. elhajary January 26, 2014 Reply
  87. lomba menulis March 3, 2014 Reply
  88. creatorb April 11, 2014 Reply
  89. septic tank biotech December 12, 2014 Reply
  90. Christmas Images December 17, 2014 Reply
  91. daffa December 29, 2014 Reply
  92. kemo January 24, 2015 Reply
  93. Nokia c1 January 14, 2016 Reply

Add a Comment

Your email address will not be published. Required fields are marked *