Tuesday 7 September 2010

Tina's Tutorials #4: 2 column/3 column layouts

How to change your layout: a step by step guide

This tutorial will teach you how to change the layout of your blog to one with two, or three, columns.

Step 1:

Sign into your blog, and when you access it, click on the Design button on the top right corner of your blog.


Alternatively, go into your Dashboard, and click on Design under your blog.


Step 2:
It should lead you to this page:


Click on Template Design.


Step 3:

That will lead you to the Blogger Template Designer.

In the first column, click on Layout. Then select Body Layout.


In the picture above, you will notice that I have labelled four of the eight various layouts.

Layout 1: No columns - just the main body of your blog

Layout 2: Two column layout, with all your gadgets on the right.

Layout 3: Three column layout, with your gadgets on both the left and right.

Layout 4: Two column layout, with all your gadgets on the left.

The other layouts are variations that you are free to try out. I wouldn't advise using the two in the last column; they make the bady of your posts too narrow, and it is often difficult to place large graphics.

Click on each of them to see how they affect your blog. For the type of layout that I have here on Book Couture, use Layout 3.


Step 4:
 
Remember to save your progess by clicking on Apply to Blog. Then click on View Blog to view the changes made.




And that's it! I hope that helped you.

If you have any questions, feel free to leave a comment below.

For more blogger tips and tricks, check out:

Blogging Tips & Tricks 1: Links, Coding and Video Embedding 
  •  How to post links to your blog, email, and sites in general.
  •  How to add a video to your post 
Blogging Tips & Tricks 2:  Symbols and Ascii Art
  • How to access and add symbols and text art to spice up your posts
Blogging Tips & Tricks 3: How to make Pages
  • How to make pages on your blog
  • How to edit the header linking to pages
Visit this page to find more tips and tricks.