Friday 5 December 2008

Tic tac template - add menu bar below blog header

To add a menu just below the header of your blog is very easy.

Change:

<div id='crosscol-wrapper' style='text-align:center'> <
b:section class='crosscol' id='crosscol' showaddelement='yes'/> </div>

to

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>



This will allow widgets to be added to the header.
Layout --> Page Element
Click "Add a Gadget" just below the Navbar
From the Basic menu on lhs, select "Link List" to add
Give it a title/name, so you can easily locate it in the html code.
The name can be removed at the end.

Need to add folowing somewhere:

To get the xxx to align to the left, leave space to right of each menu item and get all items on one line respectively, add the following code somewhere.

#LinkList1 li{
float:left;
margin-right:20px;
display:inline;
}

This will still leave a littile button the lhs of each menu.