Tutorial 1.2 The Structure of a Blogger template code

Section 1: The Header of the code.
Basically it contains : Important information about the template code and the title of your blog.
Best of all, you don't have to worry about anything in this section. It's a standard header for all templates. The only time you add some codes here is when you want to put some meta tags (additional information about your blog for SEO).

Section 2: The CSS Styling Section.
CSS stands for Cascading Style Sheets, a web language used to control the style of a HTML document. This is the section that you want to know the most if you want to modify your existing template or design a new template. Eventhough it is a web programming code, you can still do a lot of things on you template design if you understand the structure of this section without knowing much about HTML and CSS. We'll get to this part in more detail later.

Section 3: The Body or Data of the code - the most important part that :

• Fetches all content from Blogger database and puts it in the right place into blog when somebody is looking at blog.
  
• Tells blog which part comes first - the Header, Sidebars, Main, Post, Footer, etc. But it doesn't set the appearance of the blog and how it would look like on the internet (because that part is controlled by the CSS styling section).
  
• Adding Extra widgets that cannot be put using the Add Page Element button, like :
  
  • The social bookmarking buttons - Digg, AddThis, RSS buttons
    
  • Adsense codes in special places like in the Post Page
    
  • putting Google Analytics code to track visitors to your blog
    
  • and many other things.
    Most of the time, there are easy instructions already available to help you add these things in your blog.

***************************************
Next Tutorial:
Tutorial 3 The Structure of CSS Styling Section.