The structure of a Blogger template code

Blogger Template Design: Tutorial 2 Here's what the structure of a Blogger template code looks like, in a simple way of looking at it. I'm using my Generic Blogger template as a reference, but the idea is the same for other templates also. I've separated the code in 3 sections and show only the top lines of each section so you can look for the starting lines later on. Section 1:The 'header' of the code. Basically it contains...

Blogger Template Design: Tutorial 12

If you look at these templates - Lasik, JournallRed, and Minimalizt - you'd notice that the background is not of a plain color, but made from a repeating pattern of an image. This image is called a background image. It can be a single large image that fills up the screen or a small image (say 50 x 50 pixels) that repeats horizontally and/or vertically. The neat thing about using, or embedding, a background image is that you can create any image you like and use it in your blog to make it unique and different from other blogs.A...

Blogger Template Design: Tutorial 11

Now that you've gone through all the tutorials, you're pretty much ready to start designing your own template. In this guide, I'll show you the big steps that you have to go through to make a template the fast and easy way.The first thing you need to understand about designing a template is that the technique of designing is unique and different between individuals. In the end, it's entirely up to you how you want to do it - if and only if you're familiar and have made a few templates yourself. But if you're just beginning, it's best...

Making a 3-Column Template and More ...

One of the most basic desires after becoming a Blogger's blogger and using the standard template for a while is having the urge to find a 3-column template. So, here's a simple and straight-forward tutorial on how to do this yourself without going through too much of code tweaking.This tutorial is prepared assuming you understand the stuff covered in Tutorial 8 and Tutorial 9, which explain the basics of the Body section of the code.What we'll be doing to change or add sidebars is simply tweaking the XML code directly...

Blogger Template Design: Tutorial 7

Setting the template size is probably one of the first things you need to do when starting to design a new template. The are two ways to set the size (basically the width) of a template: Setting the size to be fixed with a certain width, say 800 pixels. Setting the template to have a fluid size, which means the width changes with the browser or screen size. Setting a fixed template size:To set a template width, you actually...

Using the Generic Blogger Template

Blogger Template Design: Tutorial 6 Here I'll explain how you can use the Generic Blogger Template to practice on tweaking the codes and modifying your templates. The ultimate goal is surely for you to know how to design your own template, but knowing how to modify the template first (and to get a feel how the template 'react' to your code modification) is an important step that you need to go through before starting to design your own template.Changing your template is not as simple as changing or adding some codes, hitting the "View...

Common Containers and Elements in a Blogger Template

 Blogger Template Design: Tutorial 5 Here's a list of all the common containers and elements in a Bloggertemplate and their funtions (elements are basically any object that make a blog funtions and containers are large elements that contains smaller elements or some other contents).These common elements that I'll show are not necessarily the elements that exist or must exist in all Blogger templates, but...