A Blogger user must be well aware of his template structure in order to proceed with effective template customizations. This would also help a great deal if a person plans to build his own Blogger template one day. I had to do some customizations to my current template so i had to make my mind refresh about the structure that i am using. So i thought i would make a post about it. :)
This would definitely help you too. This post is aimed to summarize the key features of the Blogger template.
So lets get started.
Body:
Its in fact everything that you see on a webpage, (every content of a website is part of body). Its the mother section you may say. Every thing lays in it. The two tags are body tags which contain every thing that you can see on a website.
<body> and </body>
Outer-Wrapper:
Its another block within body which contains every other object that you can control. The main objects within outer-wrapper block are Header, Content, Footer areas.
<div id='outer-wrapper'>
Notice how the 'Outer-Wrapper' appears after the <body> tag in your blog's HTML Editor, where all you blog's template code lays.
Header:
Header, as the name suggest is the section that contains all your blog's head content like header banner, adsense code maybe, description, navigation bar etc.
You can find this section in your template with the following code:
<div id='header-wrapper'>
Content:
This section of your blog is pretty important as it contains the main body section of your blog (not to confuse with <body> discussed before) that has all your text content like what you are reading now. The content section also has footer and sidebars.
<div id='content-wrapper'>
<div id='main-wrapper'>
<div id='rsidebar-wrapper'>'rsidebar' has 'r' as to denote right sidebar. It can be anything like this. Notice i have a single sidebar on the right side so it appears likewise in my HTML editor. It can be simply ( <div id='sidebar-wrapper'>) too.
Footer:
The footer area is the one which contains your credits like All rights reserved, copyright Bloggingehow etc.
So that's pretty much the basic of the Blogger's template layout structure. Hope that was easy to grasp. Share your views this template structure in the comment section below. :)
