You can create a simple horizontal tabs menu in blogger like below:

Here the Steps:

Step 1:

(1) Open your blogger account, goto >> Layout >> Edit HTML.

(2) Click Expand Widget Templates.

(3) Copy ALL the HTML code into a Notepad. (It is highly recommend to use a Notepad to edit the HTML code.)

Step 2:
(1) Below are the HTML code for Horizontal navigator menu Tabs CSS style :  (I will discuss the CSS in detail later. )

(2) Find the HTML Code “ ]]></b:skin> ” .( you can use Ctrl+F in Notepad to find the code)

(3) Copy all the step(1) CSS Code then paste into the Notepad HTML Code before “ ]]></b:skin> “.

(4) Delete all the old HTML code in blogger then replace with the new HTML code (with CSS code).

Step 3:

(1) Goto Blogger >> Layout >> Page Elements.

(2) Click “add a gadget” to select “HTML/JavaScript” page element.

(3) Copy below code into “HTML/JavaScript” page element.

(4) You can drag and replace above page element near the header.
(5) You need to change the HTML code “ <a href = “#”> “ to match your navigator destination page.  Example: if your Home Page url is “http://(YourBlogName).blogspot.com/home.html”.  Your code will be ” <a href = “http://(YourBlogName).blogspot.com/home.html “> ”

(6) Repeat step (5) with other pages.

Related posts:

1. How to Create Horizontal Tabs Menu in Blogger – Part 2
2. 31 Ways to Make a Girl Smile :)
3. How To Apply A Google Adsense Account
4. How to Start Blogging with Blogger
5. How to create Free Wordpress Blog – Step by Step Tutorials