Friday, July 25, 2008
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
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>
<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.
10 Responses to "Understanding The Blogger Template: Part - 1"
Rakesh said on October 13, 2008 4:46 AM
how do i get this continue reading section on my blog main page. The template i have has been downloaded from woork.blogspot.com and when i post anything only the headline stays on the main page. I wish to have a part of the post as I can see in this blog of yours.
Thank you
Rajeev Edmonds said on October 13, 2008 9:56 AM
I have sent you mail for the solution.
Radith Prawira said on February 4, 2009 10:13 PM
Hi Rajeev! ^^ can you tell me how to make a sidebar like in bloggerbuster ? Amanda did a beautiful job there.. i'd like to put one like that in my blog. i'm currently modifying the minima template, and it feel so 'empty' in the sidebar area
Thank you
Rajeev Edmonds said on February 4, 2009 10:21 PM
http://cli.gs/Z41hLU
Radith Prawira said on February 4, 2009 11:02 PM
Wow..tq very much for your quick reply.. and for the e-book too :D it's very kind of you.
--
Isn't that Amanda's ? i forgot that i've already have one.. stupid me T_T maybe it's bcoz i just can't concentrate anymore since i've been doing this modifying thing nearly from the time i woke up this moring.
Maybe i should have some rest and continue working on that template..tomorrow.. tq again Rajeev, tq so much..God Bless
Rajeev Edmonds said on February 4, 2009 11:16 PM
Glad you found the book useful. Hope to see your new theme soon.
Radith Prawira said on February 4, 2009 11:46 PM
You'll be the one to know when my amateur-template ready! i'm just too happy when i'm finally succeed implemented "slide=carousel" in my blog ^^ and btw, talking about Amanda's book, i found one more in my folder, "The Cheats' Guide to Customizing Blogger templates" >> http://www.bloggerbuster.com/2008/01/your-free-ebook-cheats-guide-to.html ( just for those who haven't know yet, hehehe ) that book completed each other ( with the one you'd shared before )
p.s: have you ever release your e-book yet? it must be an awesome one!
Rajeev Edmonds said on February 4, 2009 11:52 PM
Hmm eBook, Not yet, but will give it a thought :)
Daily Comics said on March 21, 2009 2:33 AM
I am trying to separate my header from my main content. I moved my margins over to fit my background - but it is also moving my header - how can I separate the two?
http://andigooch.blogspot.com/
help me - I have been searching for days now for help
Rajeev Edmonds said on March 21, 2009 8:55 AM
Post a Comment