If you have a long list of labels in your sidebar, you could be losing valuable space to display other information. A different method of displaying your labels is to use a drop-down menu: this takes up very little space at all, and is useful for helping your readers find the information they need. This post explains how a drop-down menu for your blog labels can be achieved in just a few easy steps.
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
This hack was originally developed by Ramani of Hackosphere, though for this tutorial I have further simplified the process so there are only two steps required:
- First you should make a back-up of your existing template by going to Template>Edit HTML in your Blogger dashboard and clicking the "download full template" link which is near the top of the page. It is always good practise to back-up your template before making any modifications at all, just in case you make a mistake and later need to use your old template again.
- Next you will need to find the following line of code in your blog's template:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
To find this line, you do not need to tick the expand widget templates box. This is the un-expanded tag used to display the label widget in your blog template. Highlight all of this line, and replace this with the following section of code:
Then save your template and take a look at your new drop-down menu!
Once installed, you can then move the label widget to other areas of your blog in the layouts section of your dashboard, just like any other widget.
I hope this tutorial has been useful to you. Please feel free to leave your comments and suggestions below.
Technorati Tags: blogger | labels | drop-down | menu | javascript | sidebar
18 comments:
thanks for sharing it . it is very easy to understand I will implement it in website design
I can't see what is in the second box(the code that I should input. please if anyone can see it copy it for me in your comment. please please please I need this
Thank you, Amanda! Works fine!
Have a nice weekend!
Alper
--
http://www.bulut.de/
Beautiful,however it would be astounding if the labels could present themselves in alphabetical order ;>)
thanks for the trick, helps reduce the clutter on my blog.
<3
Hey Amanda,
How can i add two label categories i.e.,
Online Games:
Arcade
Puzzle
Management
..........
........
........
and
Download Games:
Action
Arcade
Puzzle
Kids
Tycoon
.........
.........
like this i want to add two different label categories online and Download Games...
How can i add?
My blog: http://saku-games.blogspot.com/
I want like this blog:
http://www.gamezlinks.net/
Please help me Amanda, it's Urgent
Thanks in Advance
Thank you so much for this. I am always afraid I am going to do irreparable damage to my blog, but your tutorial was easy and soooo helpful. Thanks again.
Hey, I can't see the code, it says this:
Service Temporarily Unavailable
The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.
Apache/1.3.33 Server at bloggerbuster.com Port 80
Can someone copy and paste that code here?
thanks for you
www.tempobox.blogspot.com
Amanda, Help.
when i tried to put this code into blogger, i got this message:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:section" must be terminated by the matching end-tag "".
Hi, Amanda --
It looks like the code is gone (there's a message that the service is temporarily unavailable). Can you repost this? I really need this widget!!!!!!!! :)
Thanks
Hi Amanda,
I got the same error msg as Emily as quoted on top:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:section" must be terminated by the matching end-tag "".
Need your help there. Thanks :)
Hi Emily,
This is for all those who are getting the same error as yours. You get this error because you might be clicking on Expand Widget Templates. Make sure you dont click there and search for the line as Amanda has told, replace it with the piece of code and then this code works fine :) Incase you still face the problem you can get back to me here:
http://dummy-essentials.blogspot.com/
will be glad to help u out.
Oh no. I tested this code out not too long ago and worked great. At the time, I didn't think I needed. Well, now I would love to have it and now the "Server Temporarily Unavailable." Bummer.
Oh Yay!!! I was able to get it! Thank you very much. Having the pull-down labels really helps clean-up my sidebar.
Thank you,
Nicole
Thanks a million
Thanks a lot for the tips!
Thanks for sharing this little tweak. Very helpful.
Got a question, is it really necessary to display 'Labels'? What are the disadvantage of removing 'Labels' in our blogs?
Thanks
Post a Comment