How To Make A Dropdown List Label Menu (I)
>> Tuesday, March 2, 2010
A drop-down list is a user interface control GUI element, similar to a list box, which allows the user to choose one value from a list. When a drop-down list is inactive, it displays a single value. When activated, it displays (drops down) a list of values, from which the user may select one. When the user selects a new value, the control reverts to its inactive state, displaying the selected value (Wikipedia). In this case we will make a Label List.
This simple tricks is based on changing the Label Gadget settings. So the first step of course, you must already have to use or instal the Label Gadget in your blog.
If you have not install yet, then: Go to your Dashboard >> Layout >> Add a Gadget >> Choose Label and name it, ex: Blogger New Tips Label.
Note: Please choose/click the List Display
The next step is to change the display setting of our Label, by modidying the HTML Label Code.
Go to Layout >> Edit HTML >> and check your Expand Widget Template (Don't forget to backup your template first).
Search and find your Label codes, the easiest way is to find your "Label name", use ctrl+F to find it (Blogger New Tips Label).
You will find similar code like this:
<b:widget id='Label1' locked='false' title='New Blogger Tips Labels' type='Label'>To make a drop-down list label, just replace the red script with this blue one
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " data:display "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<select onchange='location=this.options[this.selectedIndex].value;'>So the final script will be like this:
<option>Choose The Label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/></option>
</b:loop>
</select>
<b:widget id='Label1' locked='false' title='New Blogger Tips Labels' type='Label'>And will be displayed like this:
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " data:display "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Choose The Label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/></option>
</b:loop>
</select>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
That's all... Enjoy to make a dropdown list label menu...
39 comments:
wow, excellent idea about the lable, iam going to put the code.
Great blog , thank you! Very clear and very useful. You write great content and you write it very well. The blog carnival sounds interesting… I shall explore it.
wow, excellent idea about the lable, iam going to put the code.
sunglasses with mp3
i am going to put the code.mp4 video player
Great blog , thank you! Very clear and very useful. You write great content and you write it very well. The blog carnival sounds interesting… I shall explore it.china wholesale wedding dresses
There is obviously a lot to know about this. I think you made some good points in Features also.
I was just applying your tips and it worked well
Thanks so much for all the information. It is so great when experienced and successful bloggers share their wealth of knowledge with the new kids. I started my blog this week and I will definitely be working on your tips! Great blog!
Thanks,have been looking for the solution long ago. Brief and clear.
Thanks for the lists. There are a lot of these lists on different peoples blogs these days, most of they are just way out of date though – I look forward to delving deeper into this list and hopefully contributing to some quality blogs. Landing Pages are one of those web page types that can become the real workhorse of your online advertising efforts.
Thanks for taking this opportunity to discuss this, I feel fervently about this and I like learning about this subject. If possible, as you gain information, please update this blog with more information. I have found it really useful.
I had been reading a few of the articles right here but everyone provide great information and I needed to leave just a little remark to support a person as well as wish you a good continuation. Wishing you the best of luck for those your own blogging efforts.I truly appreciate the time you absorbed writing this article.
Seems like that you've placed a lot of effort and hard work into your article and I require a lot more of these on the internet in recent times. I sincerely got a kick out of your post. I don't genuinely have much to speak about responding, I only wanted to comment to reply great work.
This is definitely a blog worth following. You’ve got a great deal to say about this subject, and so much knowledge. I think that you know how to make people listen to what you have to say, especially with an issue that’s so important. I’m glad to know this blog.
I truly wanted to compose a simple comment to be able to appreciate you for all of the magnificent ways you are writing at this website. My time intensive internet lookup has at the end been recognized with excellent content to talk about with my friends. I would admit that we readers actually are quite blessed to dwell in a really good community with very many perfect people with useful pointers. I feel really lucky to have discovered the webpage and look forward to many more cool times reading here. Thank you again for a lot of things.
A lot of the time i see pages with silly comments and thought wouldn't it be nice to be one.. Nice blog found you via Google. Will check back. See what other jems you post. Thanks a lot for enjoying this beauty article with me. I am appreciating it very much! Looking forward to another great article. Good luck to the author! All the best!
Hey it’s so nice I really want to appreciate to this site. It’s so much interesting matter I like your work. Please carry on with your work and post me such a wonderful post.
I look forward to delving deeper into this list and hopefully contributing to some quality blogs. Landing Pages are one of those web page types that can become the real workhorse of your online advertising efforts.
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.
Thank you for sharing me together with your weblog, Wherever there may be a will there exists a way. chat live software
Great post it is. I love it. I think you made some good points in Features also. It is so great when experienced and successful bloggers share their wealth of knowledge with the new kids. Really a much better things for read. Thanks for sharing this post so much.
Brilliant thoughts.. Thanks for sharing this info.
Very good animation - it´s nicely explained
Keep up the good info.
Thanks for the informative tips shared here! I have read your blog and got positive emotions for it. It gave me dozen of ideas that could be useful for my blog too. Thanks it was just another motivation to devote some more of time and effort to my start up! Regards
Interface Talent Network Reviews
This list is very useful to me. Thanks :)
I have you bookmarked to check out new stuff on your post!
42 inch lcd tv
You have shared nice stuff. This is my first time I visit here. I found so many interesting in your blog especially its discussion. Keep your blog updating and good luck!
breast pump reviews
A random act of kindness!
I needed to thank you for this fantastic study article! My partner and i absolutely enjoyed each amount of that.
That is my very first time my partner and i visit here. I found so many intriguing stuffs within your blog, especially their debate. In the tons of feedback on your content, I reckon that I'm not on your own having all the leisure time below! Carry on the excellent operate.
I rejoice that the blogger wrote this intriguing article for the readers. When I watched the pictures in the article, I have the ability to relate exactly what the blogger desires to share. This internet site happens to be incredibly interesting.
I just want to say thank you for sharing this post on how to make a dropdown menu. You have shared a complete detail and will use this very soon. Thanks again!
I found this as an informative and interesting post so I think; it is very useful and knowledgeable. Looking for more reviews. Thanks!
ontario cottage rentals
Nice and very informative. I am studying this problem and I must say that your article has helped me a lot.
Wonderful story, reckoned we could combine several unrelated data, nevertheless really really worth taking a look
Austin marketing
very few web sites that transpire to be comprehensive below, from our point of view are undoubtedly nicely really worth checking out
Austin marketing
very informative post for me as I am always looking for new content that can help me and my knowledge grow better.
Hi, Really great effort. Everyone must read this article. Thanks for sharing.
Post a Comment