February 19, 2008

(43) Comments

Tutorial to Create DTree Menu

Kendhin

DTree is a menu that be arranged like a tree. It will be like menu when you open "windows Explorer". It's very usefull if you have many posting (articel) in your blog. It can contain many link in small space. It will be like the below image :



Here's the step by step tutorial to create "DTree Menu" in blogger:

1. Login to Blogger, go to "Layout --> Edit HTML"
2. Put the code below over <head>

<link rel="StyleSheet" href="http://blogoholic.info/files/dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="http://blogoholic.info/files/dtree/dtree.js"></script>


3. Save your editting.

4. Now edit end copy the below code then put on your sidebar.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>


Change "link.html" with your own link.
The first number must be unique (d.add(1,0,'Node 1','link.html');
The second number is child of the number (look at the color).

You can add the below code to add a new node with your own image

d.add(10,0,'Profile','link.html','','','http://blogoholic.info/files/dtree/trash.gif');

change "http://blogoholic.info/files/dtree/trash.gif" with your own image.
it will be like this :





Related Articles :



43 Responses to "Tutorial to Create DTree Menu"
technohowl said :
August 7, 2008 at 12:35 AM
your post can be more useful if you implement it and show it... the above example is vague and i think no one wants to experiment without knowing the proper output
September 2, 2008 at 7:37 PM
thanks for your knowledges
Eky Dakka said :
September 14, 2008 at 8:21 PM
thanks to share your info..
Anonymous said :
September 21, 2008 at 1:22 PM
i think im might try this
Unknown said :
October 26, 2008 at 4:59 PM
nggak iso mas, gmn ini? ksi contoh nyata dunk....

uda 10x nyoba g iso, :))
Anonymous said :
March 3, 2009 at 5:30 AM
You need to have the .js & .css scripts put in your files to implement this. When I tried I was limited to how many legs went down.
Example: First file would say deserts, then the subfiles under that would be 20 or 30 files (cakes, cookies...) that would have their own links. When I did what you had it only let me put in 3 sub files then it automatically started another file in the subfiles. send me an e-mail & I'll send you the html I am using. dennis@mia.net
Anonymous said :
March 7, 2009 at 6:16 AM
www.blogoholic.info no longer works and there is no responce to E-Mail questions.
If you add the first link section it will no longer supply you with the files you need.
Your S out of luck!
Immer Manalu said :
March 20, 2009 at 1:06 PM
gimana cara ilangin border pada dtree? help me please, gak bisa ilang, liat dulu deh di http://b-learnings.blogspot.com
Anonymous said :
June 19, 2009 at 4:04 AM
masih banyak ya om..q minta knjungi blog n minta komentarnya om?
Unknown said :
July 20, 2009 at 3:41 PM
images off line. code not available. please fix
DRSP said :
August 11, 2009 at 4:45 PM
Useful information....It's the first time I came here, and i found the useful things here

Nice to know your blog,

Blogspot Template
Anonymous said :
September 3, 2009 at 12:45 PM
how to if I want give another variable at links?
ex : link.php?session=$session

looking forward for your replying. thanks.
jack said :
September 12, 2009 at 5:07 PM
I was looking for information regarding WoW Gold and searched in Google. Some how I landed in your Blog. And found interesting. Yours is a nice Blog with very good content.
Arafin said :
September 21, 2009 at 2:36 PM
For Exclusive Blogger Tips Tricks & Full Version Blogger Templates Visite

http://tips-tricks-for-blogger.blogspot.com

U Will Be Surprise Check This Out Guys!
Arafin said :
September 21, 2009 at 2:37 PM
For Exclusive Blogger Tips Tricks & Full Version Blogger Templates Visite

http://Tips-tricks-for-blogger.blogspot.com

U Will Be Surprise Check This Out Guys!
January 13, 2010 at 2:10 PM
nicee bd link page :((
http://www.bdlinkpoint.co.cc
Unknown said :
April 17, 2010 at 8:17 AM
Thank you so much for this post, it was very insightful! I have found a direct conversion software,
Blu-ray dvd ripper helps you create Blu-ray discs from various videos for playback on any Blu-ray players. With this software, you can easily burn your videos to Blu-ray discs and AVCHD DVDs .
More info you can visit: http://besthdsoft.com/besthdsoft.com/best-hd-blu-ray-dvd-ripper.html
More Related Products : * blu-ray dvd ripper * blu-ray ripper * blu-ray to avi * blu-ray to mpeg
May 19, 2010 at 4:52 PM
thanks bro . . salam kenal :)

http://melodacomputer.blogspot.com
http://mayyu-healthy.blogspot.com
http://cellularmobile9.blogspot.com
http://japanchord.blogspot.com
http://indocomics.blogspot.com
Unknown said :
July 4, 2010 at 8:54 AM
Casual clothing industry giving birth to the ED Hardy
line and accessories. The most popular hardy shirt
items are the tattoo art designed belts. So here are some basic tips in choosing the right hardy shirt
. hardy shirts
come in different color schemes with different artistic designs.



lida daidaihua
therapy is normally advised to get consumed early during the morning. Headache are some from the side penalties of daidaihua
, when you determine to go ahead with lida slimming
medicine. It's possible to purchase slimming capsule
at any on-line pharmacy which provides genuine slimming capsules
. Also it shouldnt be forgotten that lida
seriously is not the over the counter drug.
Anonymous said :
July 7, 2010 at 8:27 AM
In my opinion, louis handbag had some stellar bags in its resort collection. First up is the addition of a new vuitton bag , and smaller, sized Sofia Coppola-designed SC bag--perfect for the more petite girl who likes the casual, slouchy feel of this special--and might I add expensive--collection. What's more, louis handbags has introduced two new colors: snow white and tobacco brown.
Unknown said :
July 8, 2010 at 10:40 AM
Dual layer SOAP have the capability to store 8.5 GB data. The rewritable (RW) recorder has a good durability sauce it can be used even up to a scale of 10ktimes. The unique feature available is that recording and play back of video and audio files simultaneously. The intricacy lies in the SOAP DVD format since its not readable on most of the SOAP DVD COLLECTION players and the cost is comparatively higher than the other formats.

ED Hardy is the label for you if you need to feel comfortable with your own personality. And you do not even have to spend so much since hardy shirt are offered at reasonably affordable prices. Being able to show your personality through your hardy shirts is very important. You will surely feel more at ease with hardy shirt knowing that people want to get to know you because of who you really are.


scarpe Hogan sent their first Hogan skate shoe design out for the public. This rudimentary design failed miserably. It failed because hogan donna failed to realize just how advanced the other companies had made the skate shoes even though for the most part they were smaller companies than Hogan scarpe uomo , at least up until this point. By the time they had decided to release their design the technical designs had been the rage, and Hogan uomo had to work to adjust the Hogan skate shoes to what the other companies where selling.
Anonymous said :
July 28, 2010 at 4:07 PM
http://123bags.blog.com/
http://123louisvuitton.blog.com/
http://123louisvuittonbags.blog.com/
http://louisbags.blog.com/
http://louisvu.blog.com/
escort said :
August 16, 2010 at 12:14 AM
escort girls bayan eskort servisi web tasarımı, internet sitesi google optimizasyonueskort kızlar escort bayan escort girls. türkiyenin özel kızları sallama kelime kolleksiyonu burada türkiyenin eskort kızları bayan erkek eskort ilan istanbul ankara izmirköpek eğitimi ve bakımı Sohbet siteleri chat
islami evlilik siteleri bayan partner siteleri arıyorum en güzel kızlar bu sitede ücretsiz üyelik sistemi bayan arkadaşlar kız arkadaşlar arıyorum
bayan arama telekız hizmeti veren siteler car rental istanbul araç kiralama araba kiralama araç kiralama türkiyenin kızları en sexy kızlar bu sitede aradığınız kızı bulacaksınız. attım kafadan köfte kalıbı firmanıza uygun kalıp tasarımları türkiyenin en güzel kızları. biz www.bizdensor.com sinema dizi full sinema izle belgesel video clip play game çocuklar oyunu oyna erkek çocuk games deneme sallama mail escort kızlar plaket kristal plaket kokart rozet ahsap plaket kristal ödül madalya gümüş plaket yaka isimliği masa isimliği kupa plaket
zet ahsap plaket kristal ödül madalya gümüş plaket y
Unknown said :
September 22, 2010 at 10:34 AM
The ugg boots sandals are fabricated with appropriate superior abstracts as a aftereffect of which they can accomplish the wearer feel actually adequate in any bearings and any occasion. Teenagers just adulation to abrasion these ugg sandals so that not alone can they feel adequate but at the aforementioned time they attending beautiful and classy.The Appealing Ballerinas is aswell a reliable and accounted name in the uggs industry. They accord abundant absorption to superior while accomplishment their ugg cardy boots . However, the sole which is the a lot of important allotment of the ugg cardy is accustomed appropriate affliction and attention.
erdem said :
March 11, 2011 at 10:07 AM
porno
video izle
pengetahuan said :
March 24, 2011 at 12:56 AM
:D
Katherine said :
August 18, 2011 at 4:50 PM
I agree with you. I am amazed everyday by how really cool it is to be living in a time where we are all so accessible! I LOVE thisAsh BootI always wonder why not everyone gets as excited by the tools we use the way I do. Truth is, I can't imagine not having all the fun and abilities I explore and play with all the time.
jimlane said :
August 19, 2011 at 9:38 AM
So you have to create the four elements, You can use Image editor software like Adobe Photoshop, Corel Draw, Paint, etc.
Here's the detail to design it:r4 ds card
acekard 2i UK
r4i sdhc UK
3ds r4
r4i card
acekard 2i 3ds
September 10, 2011 at 11:05 AM
Finally, an issue that I am passionate about. I have looked for information of this caliber for the last several hours. Your site is greatly appreciated. how to be a popular girl
October 31, 2011 at 12:15 PM
That's this type of great resource that you're delivering and that means you provide away free of charge. I like seeing websites that understand the benefits of delivering an excellent resource free of charge. Understand why phenomenal resource!
November 15, 2011 at 10:24 AM
I recently came across your article and have been reading along. I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end. I would like to read newer posts and to share my thoughts with you. Swiss Gear Backpack | Cheap Purses | Replica Hermes
May 19, 2012 at 5:06 AM
This is a wonderful article, you have a way with words. I find myself agreeing with a lot you have brought up. You have definitely earned yourself another reader! Buy Neopoints , Neopoints For Sale , Buy Neopets Neopoints, Buy Website Traffic, Website Hits, Increase Website Traffic
thai girls said :
November 15, 2012 at 12:59 PM
A great post as how to go about in create tables well developing and designing a website. Well done a great tutorial, enjoyed reading what you had to say.
December 14, 2012 at 7:35 AM
Hi
whats going on

Live tv
December 14, 2012 at 7:38 AM
Live tv
January 11, 2013 at 6:36 PM
It’s a great Blog to visit because it’s like a learning experience and building the confidence up. Nice and filled with complete detail in black and white. It must be share with friends and colleagues.
Unknown said :
July 14, 2013 at 1:42 AM
Diamond Archery is the pioneer Kata Kata Bijak in the field of archery. With the wide product range like the bows, arrows and gears and appeals this company has made a visible growth in this field. The Marquis bow designed by Diamond Archery weighs 2 kilogram and is made up of Kata Kata Mutiara top quality aluminum. This bow is fully mechanized for better delivery. Their extremely sturdy and faultless risers slots Kata Kata Motivasi is one of its kind and the thumb groove gets the lets you get the arrow close to your hand thus minimizing upright torque and adding stability to Kata Bijak the game. Archery is the game that involves the shooting of arrows that is released from the bow and shot at a target. The closer you shoot the arrow to the targets, the more your score will be

When the bow is released, cutie stampers Vertical Force Technology (VFT) and the Pinnacle5 Cam, move the unequaled energy on the arrow. These bows are Informasi Online designed with Roller Guard/Shortstop string suppressor that holds the string of the bow thus absorbing the vibration of the string. Designed with excellence, the Black Ice Sumber bow of Diamond Archery is set at an angle of 53-degree to provide more stability and accuracy. This bow maintains Tali Kotang the balance and is installed with special features like Pinnacle4 cam that distributes the pressure equally thus adding stability to the game.

This also helps in minimizing the pressure that Blogger Ndeso is concentrated on the limbs. The arrow can be taken closer to the hand Bahasa Indonesia as these bows are designed with a thumb groove and lowered berger. Kopyor The smooth drawing feature of Liberty minimizes the pressure thus reducing the the shocks and the noises that can be caused during the game. Liberty bow is Bahasa Indonesia designed with Vertical Force Technology (VFT) that allows the equal distribution of the pressure in all the directions during the game.

Designed with the special feature of Freedom Cam, the justice bows a product of Diamond Archery, is designed to deliver smoothness and stability in Kumpulan Kata the game. This bow maintains the balance and distributes the pressure equally thus adding stability to the game. This also helps in minimizing the pressure that is concentrated on the limbs. The Edge bows by Diamond Archery, is designed for the beginners by adults Kata Cinta and children as well. This bow is the first of its kind, is featured with dual-cam bow, and are provided with single pivot mod to maximize the length of the shots.
clik here said :
March 26, 2015 at 8:42 PM
sepisan maning, baguuuuuuuuussssss,jare gurure kita mengkonon jeh...
grosir jilbab syar'i murah |
gamis syar'i set bergo murah
December 14, 2016 at 9:13 PM
This is a really good read for me. Must agree that you are one of the coolest blogger I ever saw.
January 9, 2019 at 12:26 AM
Thank you for this nice article , very useful
Bilgi Bank
Blogs said :
January 19, 2024 at 8:34 PM
This one is a good read!!!

Secure your cables with confidence using our
Armoured Cables from Phoenix
cable cleats said :
January 19, 2024 at 9:28 PM
This one is a good read!!!

Secure your cables with confidence using our
Cable Cleats

Post a Comment