The navigation bar I made entirely from a tutorial by Haptree. You can use blogger’s new static pages widget to create a link bar but apparently it is bug ridden and also doesn’t let you link to external links (which is what we’ll be doing in the next step for your shop) so we’ll bypass their built in system and add our own widget.
The tutorial I used to do this to do this was written by Haptree and can be found here (opens in a new window). It also explains in detail how to play around with the colours for your links and also how to create a link page for related posts (for example all your tutorial posts, or posts that mention your products.
Two small sections of code need added to your template to give you a linkbar so follow the instructions in the link and then go to your dashboard and click on the ‘layout’, ‘page elements’ tab. You should see your new Linkbar widget under your header. Click on ‘edit’ and that takes us to the next step...
Go to step two - Link to my blog home page and my shop with navigation tabs