Tweaking The New Blogger: Labels as Navigation Tabs

Dear Friend,

Continuing on maximizing the usage of Beta's new Label feature, this time hoctro's place will show you how to turn Labels into Navigation Tabs.

The Yahoo! Design Pattern Library identifies the Navigation Tabs pattern as "the" solution when the site has only some few main categories with their titles shorts and predictable, etc. A prime, everyday-use example for us, as you might have guessed, is no other than Blogger's (classic and beta) navigation tabs!



Based on an online example from that pattern's description, I was succeeded in turning our labels into similar navigation tabs:



As you can see, the prominent advantage of this tab over my first "horizontal tab" hack is the clear indication of what the user is seeing, with the active tab in light grey color, and the sub-label in bold.

VIEW MORE