Tutorial 1.1 The Structure of a Blogger Template

Basic Template structure :

• Headers
  
• Posts sections
  
• Footers
  
• Blocks or containers Sections : There are some sections that are not visible on the computer screen, but important HTML-wise to build a practical and proper working template.
  

A template structure basically contains blocks of containers that looks like this:


Template structure:

• Body
  
  • Outer-wrapper
    
    • Header-wrapper
      
      • Blog Title
        
      • Blog Description
        
      • Other widgets
    
    
    • Content-wrapper
      
      • Sidebar-wrapper (1,2,3...)
        
      • Main-wrapper
      
      
      • Data Header
        
      • Posts
        
        • Post Title
          
        • Post Content (or called Post Body)
          
        • Post Footer (Author, Labels, etc)
        
        
      • Comments
        
      • Feed Link
        
      • Other widgets (mostly ad units>
      
      
    • Footer-wrapper
      
      • Footer text (disclaimer, copyrights, etc)
        
      • Other widgets

***************************************
Next Tutorial :
Tutorial 2 The Structure of a Blogger Template Code.