Tutorials on Blogger Template Design

Introduction

This tutorial is a very quick guide to teach you how to change or design your own Blogger templates. It's easy to understand and follow, especially to those who has no knowledge in HTML programming.

The tutorial is split into a number of sub-tutorial modules that explain specific parts of Blogger template design in detail. The best way to learn is by going through the module sequence one by one. But if you are familiar with the basics, you can jump into the more advanced modules.

  • The basic modules are focused on explaining :
    • The basic structure of the template design
    • The template code
    so that you understand more about a Blogger template in general.

  • The advanced modules explain :
    each section of a Blogger template in more detail and help you go through the process of coding and designing a template in a step-by-step approach.


    Tutorial Contents :

  • Tutorial 1: The Structure of a Blogger Template
  • Tutorial 2: The Structure of a Blogger Template Code
  • Tutorial 3: The Structure of CSS Styling Section
  • Tutorial 4: Setting the Properties of a Container
  • Tutorial 5: Common Containers and Elements in a Blogger Template
  • Tutorial 6: Using the Generic Blogger Template
  • Tutorial 7: Setting the Template Size
  • Tutorial 8: The Body Section of the Blogger Template Code
  • Tutorial 9: More Explanation about the Body Code
  • Tutorial 10: Making a 3-Column Template and More ...
  • Tutorial 11: Starting Your Own Blogger Template
  • Tutorial 12: How To Embed Images as Background