Blog Layout - understand its basic

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

I will discuss about basic Minima template and once you are comfortable about basics of template, you can apply this learning to understand other templates also.

Here is an image of Minima template Layout.

Hierarchy goes like this

1. Navbar
2. body
   
   
   
   
   
• Header
• Outer wrapper
  
  • Main wrapper
  • Sidebar
  
  
  
  
  
  
• Footer

Navbar:- Navbar is provided by Blogspot and there is a little about its customization. We can just change its colour and this customization is available in only  4 colours.
You can't remove (or add costomized) text to Navbar.
For me, it doesn't look professional. Hence, I usually prefer it to hide/remove.
Link:- How to hide/remove Navbar.

Body:- This section is completely in your hand and you can modify it as per your preference. This is the parent of Header, Outer wrapper and Footer.
If you have defined any style at body level, all children will follow it unless the same style is overridden at child level. Assume if you define background colour (say yellow) at body level, whole body will appear in yellow unless you separately define background colour at header/outer wrapper/footer.
Here you can

• increase/decrease width of body
• change default 2 column template to 3 or 4 (or any number) column template
• change text decoration for whole body
• change link css

Tips for professional blog:-

• Keep width of header, outer wrapper and footer same.
• If body colour is not white, keep different colour for header/outer wrapper/footer.
• don't go for more than 4 column in the template

For Further Reading,

Layout