Learning The Basic Of The Blogger Template Structure:: Summarized

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.


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>

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, 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'>


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.


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. :)



AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
BloggingeHow | Making Blogging Simpler: Learning The Basic Of The Blogger Template Structure:: Summarized
Learning The Basic Of The Blogger Template Structure:: Summarized
BloggingeHow | Making Blogging Simpler
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy

Tools of the Trade