How to Make a Blog Layout

Decide on left aligned versus centered., Pick the number of columns., Position your content., Outline your blocks., Split test different layout variables., Pick a color theme.

6 Steps 1 min read Medium

Step-by-Step Guide

  1. Step 1: Decide on left aligned versus centered.

    68% of internet users have a screen resolution of either 1024x768, 1280x800, or 1280x1024, so obviously people are using larger monitors.

    You can take advantage of larger screen resolutions by using a center layout.

    Just design an adjustable layout so your blog is viewable on smaller screen resolutions.

    Visitors hate to scroll horizontally.
  2. Step 2: Pick the number of columns.

    Pick either a two column or three column layout.

    Make sure your content column isn't too wide.

    Thinner content columns make for easier reading. , Tests show the best column for the blog post content is in the center.

    Visitors look for menu items and other action items in the left and right columns. , Examples:
    Social bookmarks, forms, blogrolls, categories, etc. , Use a free split tester at Adwords.Google.com.

    Use the a/b tester if you are just starting your blog.

    It lets you test entirely different layouts and is meant for lower traffic blog pages. ,
  3. Step 3: Position your content.

  4. Step 4: Outline your blocks.

  5. Step 5: Split test different layout variables.

  6. Step 6: Pick a color theme.

Detailed Guide

68% of internet users have a screen resolution of either 1024x768, 1280x800, or 1280x1024, so obviously people are using larger monitors.

You can take advantage of larger screen resolutions by using a center layout.

Just design an adjustable layout so your blog is viewable on smaller screen resolutions.

Visitors hate to scroll horizontally.

Pick either a two column or three column layout.

Make sure your content column isn't too wide.

Thinner content columns make for easier reading. , Tests show the best column for the blog post content is in the center.

Visitors look for menu items and other action items in the left and right columns. , Examples:
Social bookmarks, forms, blogrolls, categories, etc. , Use a free split tester at Adwords.Google.com.

Use the a/b tester if you are just starting your blog.

It lets you test entirely different layouts and is meant for lower traffic blog pages. ,

About the Author

B

Brian Freeman

Experienced content creator specializing in creative arts guides and tutorials.

55 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: