Understanding The Blogger Template: Part - 1

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.

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

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.

If you enjoyed this article, get email updates (it's free).

blog comments powered by Disqus

NEXT POST: Newer Post PREVIOUS POST: Older Post Home

About Rajeev Edmonds

MintBlogger author - Rajeev EdmondsRajeev Edmonds has been blogging since 2006 about digital marketing, social media and of course about problogging. He specializes in WordPress installation and Thesis theme customization. He is the founder and editor of MintBlogger where he blogs about new media strategies.

Since April, 2012, he's making his living entirely from his blogging efforts. He holds a post graduate degree in computer applications and loves to dig in CSS/HTML code. Read more →

Get Custom Design For Your Blog

Website showcase Nothing converts better then a unique blog design with a branded look n' feel.

Get a unique design for your blog that brings more leads and prospects for your business. Give a new skin to your existing theme to stand out in the crowd. Change theme and see the difference!

Request a Free Quote NOW!

Start Your WordPress Blog

WordPress logo Are you planning to start your own self-hosted WordPress blog? You can get one today!

This is right time to get started. Claim complete control over your WordPress blog hosted on a reliable and powerful web server. Be the owner of your WordPress blog without any restrictions.

Claim Your Free Blog Setup NOW!