Adding a Menu ...

Kevin commented here: "I have been using this template for several years and am so happy for this update! Thanks very much. Do you you what would be brill, a menu bar at the top. Would that take much effort? Just links to important pages like contact, links, about etc. Could go above the banner. Very common on wordpress pages, not so much on blogger. At the moment I've put these links in the footer but it's not as effective as you can imagine."

Err ... a fairly easy way:

I made a next version v2.0 of that tb20090324 template: an example!

The following CSS is added:

.nav ul{margin-left:0px;}
.nav li{display:inline;}
.nav li a{font-size:1.2em;font-weight:bold;border:1px solid $hbbc;padding:3px 17px;margin:0 5px 0 0;float:left;}
.nav li a:hover{background-color:$hbbc;color:$bgcolor;}

Here the variables $hbbc (Header Border Color) and $bgcolor (Background Color) are used.
(The CSS for this 'nav' class is kept as simple as possible. It shouldn't be hard to alter font-size, font-weight, removing the border, change the colors, etc.)

Next a new section is inserted, above the header:

<div class='span-24'>
<b:section class='nav' id='sidebar99' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>

Notice that section has a class 'nav', so the unordened list inside is defined by the newly added CSS.

Install the new template (you'll find it here!) - or insert the code manually - and add the following code inside the new HTML Widget:

<ul>
<li><a href="#" title="description">link 1</a></li>
<li><a href="#" title="description">link 2</a></li>
<li><a href="#" title="description">link 3</a></li>
<li><a href="#" title="description">link 4</a></li>
</ul>

... and alter that stuff in order to create your own links, of course.

I don't know if you are using the same trick in your middle footer box already! But this way you do not have to open the template for maintaining the menu: just edit the Widget!

Is this answering your question?

tb20090324_thegrail_v1.0

Hi and Welcome!

This is the HomePage of my new Blogger Template: template_tb20090324_v1.0.
Everything I could think of is explained (more or less) in the entries below.

If you want it, here it is, come and get it.

Right-Click and choose 'Save Link As...'!

Who knows I will offer some support as well, if needed.

Ohh yeah, and I would really appreciate it if you keep the reference to my name in the Footer Box 'as is' ... .

Kind regards,

Thur Broeders.

Some notes on this template

Template Variables:

• Page Background Color
• Blockquote Background Color
• Text Color
  
• Link Color
• Text Font
• Heading Font
  

Different border colors:

I have split the variables for different boxes. You can alter independently the border colors for

• Header
• Content
• Sidebars
• 3 Footer boxes
• Footer
  

The variables to handle these are:

• Header Box Background Color / Header Box Border Color
  
• Content Box Background Color / Content Box Border Color
  
• Sidebar Box Background Color / Sidebar Box Border Color
  
• Footer Box Background Color / Footer Box Border Color
  
• Footer Background Color / Footer Border Color

Yes, unfortunately you have to set 2 variables per item ... but I hope you can live with that. Err, if I have found the cure for this I will publish the version 1.1, of course!

Here's an example:

Click the images to see this demo.

Adding your favicon:

Look in the template for

<link href='http://***/favicon.ico' rel='icon'/>

and replace *** with your own address (presuming you do have your own icon uploaded somewhere, of course).

Hiding the Navbar:

Look in the template for

/* (Hide Navbar) */
/* #navbar-iframe {height:0px;visibility:hidden;display:none;} */

and delete the /* */ in the second line. Like this:

/* (Hide Navbar) */
#navbar-iframe {height:0px;visibility:hidden;display:none;}

There is not very much more to describe. Plain and Simple. Focus on the Content. The way to go ... !

Post 1 (formatting)

Here are all attributes:

This is largest text.

This is large text.

This is normaltext.

This is small text.

This is smallest text.

This is Bold text.

This is Italic text.

This text is left aligned: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae metus ac libero mattis gravida. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut eu mauris. Nam sit amet eros. Aenean auctor vehicula est. Nam turpis mauris, semper ac, pharetra at, euismod quis, nisl. In turpis.

This text is center aligned: Cras ante quam, molestie eu, consequat sed, volutpat nec, mi. Etiam diam sapien, mollis sit amet, imperdiet vel, accumsan ut, tortor. In tempor, tortor ut dignissim tempus, tellus leo egestas leo, eu posuere sem sem nec odio. Nulla facilisi. In hac habitasse platea dictumst.

This text is right aligned: Suspendisse potenti. Vivamus at augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur consequat ipsum eget turpis. Vestibulum gravida, quam sed sodales commodo, urna eros lobortis nisi, sed iaculis mi nunc sit amet felis.

This text is fully justified: Nam aliquam dapibus orci. Donec laoreet enim. Phasellus lobortis erat at massa lobortis facilisis. Aliquam facilisis luctus risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis blandit nisi et dui. Vestibulum convallis, tortor et luctus posuere, tellus justo mattis magna, eget aliquet augue augue a nunc.

Let's end with a Blockquote: estibulum turpis. Sed venenatis ante a augue. Aliquam hendrerit metus et tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas consectetur tempus eros. Quisque justo. Aliquam sapien nisi, consequat a, dapibus in, sagittis ut, est. Mauris diam purus, pharetra non, venenatis nec, auctor a, libero. Maecenas ut ante vel mi gravida dignissim. Nullam sed erat ac dui dictum laoreet.

Post 2 (lists)

Here you have a numbered list:

1. item number 1;
2. item number 2;
3. item number 3.

Here you have a bulleted list:

• bullet number 1;
• bullet number 2;
• bullet number 3.

Post 3 (media)