I promised Bro Gurbi that I will write a review about his blog, which is one of my ways of helping him gain more visitors for his blog. However, I also realized that when writing a review, it should be in a way that everybody will learn from it and not only Bro. Gurbi.

Now. Why do I titled this blog, “Things to consider when designing a three column blog”?

That’s because when you open up his blog, you will be waiting first for several seconds or minutes before the blog-content or the center column appears.

Remember that your blog’s visitors might not be patient enough to wait your blog to appear on their screen. Some of them will immediately click the BACK button of their browser if your blog’s content spend much time before it appears.

So, what’s the point? Okay. If you will design a blog, you should make sure that the content part of your blog is the first one to appear because it’s the most important part of your blog and that’s the part in which your visitors are looking for. That’s actually the reason why the DEFAULT theme of the Wordpress engine is designed in a way that the content part of the blog is in the left side and the sidebar is in the right side of the blog.

Now, since you want to have a blog with three columns as shown below, then you should make sure that the content part is the first to appear and then the sidebars are the next.

So, how should you do it? Take a look at the image below and take note of the colored lines. Now, I will assume that you really know how to design a blog using CSS, particularly the DIV tag.

So, that with red color must be the DIV for Header. The Green one is the DIV for Left Side Bar. The Blue (Dark Blue) is the DIV for the Content and the Right Sidebar, and let’s call it the Main Content DIV. And that with Light Blue color is the DIV for Footer.

Then, in coding, you must write it in this way:

<div id=header>
YOUR HEADER HERE
</div>

<div id=main content>
<div class=content>
YOUR CONTENT HERE
</div>
<div class=right sidebar>
YOUR RIGHT SIDEBAR HERE
</div>
</div>

<div id=left sidebar>
YOUR LEFT SIDEBAR HERE
</div>

<div id=footer>
YOUR FOOTER HERE
</div>

If you’ll see on the sequence of the code, the header is downloaded first, then the content part, next is the right sidebar, next is the left sidebar and the last one to appear is the footer.

I know, Bro. Gurbi understand what I mean. And I hope this blogpost helps him.

Again, I am assuming that you really understand what it is. If not, then just drop your questions at our comment section.

Want your blog be featured here and be reviewed for free? Click here.

• Sign up for PayPal and start accepting credit card payments instantly.
  As the world's number one online payment service, PayPal is the fastest way to open your doors to over 150 million member accounts worldwide.
• Promote your product to high quality, targeted websites and blogs.
  Find effective, influential blogs and highly targeted audiences to advertise.Choose to display your ad across entire blog networks to maximize your exposure to a wide audience.