How to add a horizontal menu bar to your blogger

One way to organize your blog posts is to tag each post with a label, as described here, and use the Label gadget in your layout, so the posts are categorized in a list in the side bar. That is not bad, but the side bar is only visible when you have the space, usually it shows up in the desktop version, but not on the mobile/phone version.

A better way is to add a horizontal menu bar, using the Page gadget in the layout.
All my posts are still labeled as before.

1. Go to Layout, in Cross-Column secion, click "+ Add a Gadget";

2. Select the Pages gadget;

3. Be default, you get the Home menu item, which shows all your post in the order as they are posted. Click "+ Add external link" to add more menu items;

4. Add the text for the menu item, and the link to the category of post grouped by a label;

5. I have just created a new menu item called "Food". Repeat step 4 to create all the menu items you need. Don't create too many, they will run off the screen. Drag the gadget to put them in the order of your choice;

6. It is done! Here is the menu bar in the desktop and mobile/phone versions.