Friday, July 25, 2008

Understanding The Blogger Template: Part - 1


Buffer

This post is the beginning of new series on Mintblogger dedicated to explore and disect every part of blogger template. Often bloggers want to customize their blogger template but find it difficult to implement their desired changes in their template. You should be familiar with basic HTML, XML and CSS to grasp the information provided in this series.

Skeleton Of A Blogger Template


Blogger template sections

Every blogger template has at least four distinct parts (sections or divisions). Highly customized theme can have much more sections depending on the complexity of the theme. These four parts are: header, post area (content), sidebar and footer.

<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<p>Header Section</p>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<p>Posts Section</p>
</div>
<div id='sidebar-wrapper'>
<p>Side Bar Section</p>
</div>
</div>
<div id='footer-wrapper'>
<p>Footer Section</p>
</div>
<div>
</body>



Whole content is wrapped in a section with id 'outer-wrapper'. It is parent of all the sections (containers) in the template. Header section is identified by the division having id 'header-wrapper'. Next comes the section 'content-wrapper', which comprises of main post area (main-wrapper) and one or more sidebars (sidebar-wrapper,sidebar-wrapper-two,...). And last but not the least is the footer section identified by division having id 'footer-wrapper'.

If your template has one sidebar and you want to add one more, you can name that as 'sidebar-wrapper-two' and so on.

Want to make sure you always get the latest updates on MintBlogger.com? It's totally free! Sign up, and we'll send the articles straight to your inbox. No spam, ever. Period.

Free Updates by Email Free updates by RSS (What is RSS?)


blog comments powered by Disqus