Showing posts with label navigation bar. Show all posts
Showing posts with label navigation bar. Show all posts

Saturday, 24 October 2009

Simple Simon blogger template XML

This is a pretty simple template with a navigation bar (editable from within the Layout > Page Elements tab) which looks fantastic when you upload a header image into - either a new header or an image behind the title/description (hope that makes sense, let me know if it doesn't and you want step-by-step instructions).

The background and innner blog colours are changeable from within the "Fonts & Colours" area but the navigation bar is made of images so you're best to stick with greeny type colours.


click for a live preview


Monday, 27 April 2009

Cat Napper - free XML template

Here's a super cute blog template with your own navigation bar. The "home" link is already working, and there are instructions in the code, but here's how to add your own links:
  1. Log into blogger. Click on "EDIT HTML"

  2. Scroll down the large box of code until you see the following (it's near the end)

    <li><a href="'/'">Home</a></li>
    <li><a href="'#'">Link Here</a></li>
    <li><a href="'#'">Link Here</a></li>
    <li><a href="'#'">Link Here</a></li>
To add your own links:
replace the "#" symbol with your link URL and then edit the "Link Here" text to be the name of your link (see colour coding below). So if you wanted to put a link back to me, this is what you'd change one of the lines to be:

<li><a href="'http://www.yummylolly.com'">Yummy Lolly</a></li>

You can remove or add any lines as you wish. You just have to add them before the </ul> code.
Let me know if you have any questions.


click for a live preview

The design works with "new" blogger - ie: it's an XML template. Please ensure that you backup your widget data, as installing a new template will wipe/erase your current widget content.