Saturday, July 24, 2010

How to Add Classified Labels ( Sub-Labels) for blogger?


Our reader, SHAILABH recently asked me: "Do u have any idea how i can classify the labels? and for each class i want to create dropdown menu. Plz help.So I done some research and found a nice script at Destroydrop
What you will need is to get/sort all your labels and then arrange them. e.g.


LABELS
+ Games
- PC
  - Action
  - Shooter
  - RPG
- Console
  - PS 2 
  - XBOX
+ Softwares
- Windows
- MAC
- Linux
Demo Site



The script we have do not add automatically labels. First we have add the labels manually.

1. Sign in to Blogger > Layout > Edit HTML and look for


Now copy following code and place it to ABOVE 


It's done. Now you have to add labels and their links to above code manually.

Concentrate on

d = new dTree('d');

d.add(0,-1,'My example tree');

d.add(1,0,'Node 1','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(8,1,'Node 1.2','example01.html'); 
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');

d.add(2,0,'Node 2','example01.html');

d.add(4,0,'Node 3','example01.html');

d.add(7,0,'Node 4','example01.html');

What you got? Nothing!! OK. Here is the Explanation. In the following code
d.add(1,0,'Node 1','example01.html');

There are two numbers after d.add. First number is of sub label itself and second number is of parent label.
You will have to experiment yourself to understand it. Add the name of label and link of that label as follows.
d.add(1,0,'Node 1','example01.html');

will be
 


d.add(1,0,'Name of Label','Link of that Label');

If you find any difficulty about this hack reply me.

1 comment:

  1. 1. Sign in to Blogger > Layout > Edit HTML and look for,,,,,,,,what
    please reply sooon.

    i want to add in my blog ''aidking24.blogspot.com''

    ReplyDelete