div.jd-css-plugins-rel div.jd-css-plugins-cont { max-width: 841px; width: 100%; margin: auto; } div.jd-css-plugins-rel div.jd-css-plugins-inner { padding: 16px 16px 35px 16px; } div.jd-css-plugins-rel li { margin-bottom: initial; margin-left: 20px; } div.jd-css-plugins-rel div.amplinkcont { line-height: 1.6; padding-right: 16px; position: relative; display: block; } div.jd-css-plugins-rel div.amplinkcont p { font-size: 87%; opacity: .7; line-height: 1.4; } div.jd-css-plugins-rel-short { padding: 16px 16px 35px 16px; } div.jd-css-plugins-rel-short li { margin-bottom: initial; margin-left: 20px; } .ai-viewports {--ai: 1;} .ai-viewport-3 { display: none ;} .ai-viewport-2 { display: none ;} .ai-viewport-1 { display: inherit ;} .ai-viewport-0 { display: none ;} @media (min-width: 768px) and (max-width: 979px) { .ai-viewport-1 { display: none ;} .ai-viewport-2 { display: inherit ;} } @media (max-width: 767px) { .ai-viewport-1 { display: none ;} .ai-viewport-3 { display: inherit ;} } .code-block-center {margin: 8px auto; text-align: center; display: block; clear: both;} .code-block- {} .code-block-default {margin: 8px 0; clear: both;} .ai-align-left * {margin: 0 auto 0 0; text-align: left;} .ai-align-right * {margin: 0 0 0 auto; text-align: right;} .ai-center * {margin: 0 auto; text-align: center; }

Jottings straight from the heart

How to add a 3rd column on your Blogspot blog

If you like this article, you may also want to read Truncate or Creating Post Exerpt for Blogspot Blogger

If you use the Blogger template, you may notice that the default templates does not contain 3 columns. They’re all 2 column templates. The template of one of my inactive blog is an example.


For a long time, I did not think that adding a third column is possible. I really wanted a 3rd column to play around with. I was on the verge of getting my own domain name just to get a site with more features. Honestly, I just love blogging and experimenting with different layouts.

Then, one night, I googled “blogger how to add a third column” and find some interesting answers. I tried the options and html coding given by each site- and find that one works for me. So now you would have noticed that I managed to get my 3rd column (on the left). To view my blog with 3 columns, visit www.teingdesign.blogspot.com

The site that offers instruction that worked for me is: http://lawnydesignz.blogspot.com/2007/10/how-to-make-3-column-template.html
Many people think the function in Blogger are quite limited. But I’ve discovered that there are many sites out there that offer advise on how to improve the existing blogger template. You just need to be patient, search for them and try out each one to see which works for you.

Note:

If you like this article, you may also want to read Truncate or Creating Post Exerpt for Blogspot Blogger

~~~~~~~~~~~~~

This article has been a part of the Blogger’s World Article Series

Back to the Blogger’s World Article Series

~~~~~~~~~~~~~

If you like this post, say thanks by sharing it:
Exit mobile version