In principle, this is an easy fix. You create a bunch of pages you want to link to, you create "room" for that navigation bar, you linkt the "buttons" to the pages. But...
That's ok if you don't share the site with others. because if you need a CMS to collaborate on publishing and design, well you need to dig a bit deeper.
The best soltion I have found so far is the
bloggertuts tutorial by Dante Araújo. Not only do you create a menu based navigation, but you also allow your power-users to edit the link list without editing the main CSS / HTML of the template. Dante has cleverly solved that by combining the code for the menu with the link-list Blogger-gadget. You can check it out on
here.
Until I found his solution, the menu navigation was more a quick-fix, a workaround which needed design administrators to hack the core code. Not bad, but not elegant enough to care for the power users that a good CMS need to cater for.
Besides the elegant collaboration function, Dante's process solves another frequent Blogger menu problem. Web visitors are used to get feedback from menus when hovering and clicking on the links, or "buttons". Using a CSS javascript code of a typical menu, in Blogger that functionality works fine. What doesn't work is the current page highlight once a link has been selected. Blogger is a publishing system and "method" which needs to be included in the code of the navigation bar. Dante solves that by using the ".current" class variable.
Of course you can use visual tricks in order to produce a similar effect for the user without using the ".current" setting, but this is neat and elegant.
Other tips can be found on Amanda's
BloggerBuster site, a great resource and on
woork.blogspot.com (which has now moved to
woorkup.com) X has great examples of nice and tidy menu navigation which can can use. I recommend using Dante's method to "migrate" and adapt them for your Blogger site.