Knowledge is good only if it is shared. As a new blogger, I had learned to change the Web template, and found out the tips, tricks, hacks, and tweaks of altering the Blogger template, customizing CSS, widgets, layout, blog design, inserting JavaScripts, HTML codes, Google AdSense, and other settings the hard way, through many trials and errors. For the purposes of this guide, I had started with the old Blogger “Minima” template. As I made the changes or learned something new, I had documented them. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change. Hope this guide will help those who are finding the way around, just like me.

Search Tips for New Bloggers

We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Jul 25, 2007

Digg This Story

Three Columns Rounders 3 Template

This is our tutorial specifically for those who are using the Blogger Rounders 3 Template and would like to add a third column or new sidebar into their template. To confirm what your template is, go to Template -> Edit HTML and look for “Blogger Template Style”. If the Name is “Rounders 3”, follow this guide to customize your template to a three column Rounders 3 template.

For other templates, please refer to our articles and guides on:-
1. Three Columns Denim Template;
2. Three Columns Dots Template;
3. Three Columns Minima Template;
4. Three Columns Rounders Template;
5. Three Columns Rounders 2 Template;
6. Three Columns Rounders 4 Template;
7. Three Columns Sand Dollar Template;
8. Three Columns Scribe Template;
9. Three Columns Thisaway Template (I);
10. Three Columns Thisaway Template (II).

Note: Some sites offer free three-column templates for download. If you are starting a new blog, you may look up these sites and use their templates. However, if you have an existing blog and merely want to expand the template to include another column, our guides would be helpful. What we do is to take the standard Blogger templates and show you how to add a new sidebar. This approach gives you total control over the changes, and if you have bookmarked this page, you can revisit it in future should you want to reverse the changes. It is also a safer method, since there could be a few out there who may introduce malicious scripts or blog virus into their customized templates without you knowing.


If you right click on the Header to view the background image, you will see the corners_cap_top.gif or corners_cap_bot.gif which account for the rounded corners. These corners have a fixed width of 740px and are linked to your Blog via the blogblog.com server. Since we have to expand the width of the Blog to include a new sidebar, these images will be changed and linked through an image server. We have created for you these new rounded corner images. The new three column Rounders 3 Template will look like this:-

Three Columns Rounders 3 Template

Before you begin to do anything, remember to backup your template. Go to Template -> Edit HTML. Click the “Download Full Template” link to save a copy of your template.



Rounders 3 Template

When you are logged in, go to Template -> Edit HTML and scroll to these lines:-


#outer-wrapper {
width:740px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y;
padding:0;
}
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


The template defines 3 wrappers, namely:-

#outer-wrapper – referring to the entire blog
#main-wrap – referring to the main Blog Posts
#sidebar-wrap – referring to the right sidebar.

We shall include a left sidebar and name it newsidebar. The above code will therefore be changed to this (note the portions in red).


#outer-wrapper {
width:995px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom;
margin:15px 0 0 15px;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y;
padding:0;
}
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrap1 {
background:$titleBgColor url("http://www.blogblog.com/rounders3/corners_side_top.gif") no-repeat left top;
margin:0 0 15px;
padding:10px 0 0;
color: $titleTextColor;
}

#newsidebar-wrap2 {
background:url("http://www.blogblog.com/rounders3/corners_side_bot.gif") no-repeat left bottom;
padding:10px 0px 8px;
}
#newsidebar h2 {
color: $bottomSidebarHeaderColor;
border-bottom: 1px dotted $bottomSidebarHeaderColor;
}
#newsidebar a {
color: $bottomSidebarLinkColor;
}
#newsidebar a:hover,
#newsidebar a:visited {
color: $bottomSidebarVisitedLinkColor;
}


Let us now deal with the Header and the Footer. As mentioned, we had created new images for the rounded corners of the Header and Footer based on this new width of 995px.

Look for this in the template:-

/* Blog Header

Amend the image locations from this:-


#header-wrapper {
background:$titleBgColor
url("http://www.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top;


To this:-


#header-wrapper {
background:$titleBgColor
url("http://www.blogpulp.com/imagehost/images/65147785.gif") no-repeat left top;


Also change this:-


#header {
background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat left bottom;


To this:-


#header {
background:url("http://www.blogpulp.com/imagehost/images/1135478546.gif") no-repeat left bottom;


Now look for the footer style definitions in your template:-

/* Footer

Change this code:-


#footer-wrap2 {
background:$titleBgColor
url("http://www.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top;


To this:-


#footer-wrap2 {
background:$titleBgColor
url("http://www.blogpulp.com/imagehost/images/65147785.gif") no-repeat left top;


And amend this:-


#footer {
background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat left bottom;


To this:-


#footer {
background:url("http://www.blogpulp.com/imagehost/images/1135478546.gif") no-repeat left bottom;


We shall also change the layout editor to cater to the new sidebar. Scroll to where you see this:-

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}

Update:

Replace all of the above with this:-

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer-wrap1 {
width: 750px;
}
body#layout #main-wrap1,
body#layout .main .widget,
body#layout .main .Blog {
width: 400px;
}
body#layout #newsidebar-wrap {
width: 150px;
margin-top: 5px;
}
body#layout #sidebar-wrap {
width: 150px;
margin-left: 25px;
}


Next, scroll to somewhere near the bottom of the template where you see this:-

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div id='sidebar-wrap'>


Add the portion in red above the div id='main-wrap1'. The segment should look something like this:-

<div id='newsidebar-wrap'>

<div id='newsidebar-wrap1'><div id='newsidebar-wrap2'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div></div></div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div id='sidebar-wrap'>


You can now click “Preview” to see the new layout, and if you like what you see, click “Save Template”. If you don't want the profile on the left, you can remove that page element after that. Refresh your page to see your new Three Columns Rounders 3 Blog.

Align Header Title and Description

Update: We have a more detailed guide on alignment of the Header Title, Description and background image. In the article, you would learn how to move these to the center, or towards the left or right of the Header. Check out the guidelines at Header Image and Title Alignment (I).

In the Rounders template, you would notice that the Header title and description are aligned to the left. If you want that to be in the center of the page, insert the text-alignment code (shown in red).

#header {

text-align: center;


Align Post Footer elements to Left

We noticed that the Post Footer elements e.g., Posted by, timestamp, comments, backlink icons, are aligned to the right in the Rounders template. If you want to align these elements to the left, change the text-alignment code (shown in red).

.uncustomized-post-template .post-footer {
text-align: left;
}


Note:

The Rounders 3 template we are working on is the present version available on Blogger. If you are using the old Blogger templates, or any other template, the style names may be different. For example, #header-wrapper may be called #head-wrap. If you are unsure, you may source the net for a guide specifically for your type of template. Otherwise, you may want to understand the way we change this template and adapt it to yours. As long as you backup your current template, and Preview the changes made, it should be alright for you to try some changes.

© Tips for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

58 comments:

The Fundamental analyst said...

Cheers,

I've been looking for an easy and safe way to do this.

regards

TFA

Sonya said...

Hi there,

I just followed your instructions and did everything I was told and it all looks great, but I have just one problem.

I no longer have a border around my title. Do you know how I can fix this? Did I do something wrong?

bizwhiz said...

Hi Sonya

The full code should look like this:-

#header-wrapper {
background:$titleBgColor
url("http://...")

We did not mention background:$titleBgColor because there is no change to this, and we merely highlighted the change to the image URL (in red).

If you insert this back into your template, you should be able to see the corners and background color.

Sonya (Ms.Wantab) said...

Thanks so much. It's fixed and looks great!

bokjae said...

Hi, thanks for the tip on this! However when I changed my Rounders 3 Template to the 3 Column Rounders 3 layout in accordance to your post, somehow the margins on the left Side element do not measure up, there is no gap from the main body! What did I do wrong? Thanks!

bizwhiz said...

Hi bokjae

You have this

#main-wrap1 {
margin:15px 0 0;15px

which is wrongly typed. Change it to this as per our guide and your margin should appear:-

#main-wrap1 {
margin:15px 0 0 15px;

bokjae said...

Hi bizwhiz, thanks! corrected that but this only corrects the main wrap! I still noticed that on the left sidebar, there is a gap between main body and sidebar, sort of a black strip all the way down whereas on the left sidebar it fits nicely to the main body! Can you please tell me what must I adjust or change? Thank-you so much!

bizwhiz said...

Hi bokjae

Let me explain. In CSS codes, the semi colons, position of these semi colons, numbers, and position of numbers are very crucial.

You have amended the template to this:-

#main-wrap1 {
margin:15px 0 0 15px

But you have not included the semi-colon which should look like this:-

#main-wrap1 {
margin:15px 0 0 15px;

What you might do is to copy and paste the code we have provided in the guide. The characters are a little hard to follow if you are retyping them. If it still doesn't look like the screenshot we took, you may want to consider copying and pasting the code one more time.

Makeda said...

Easiest guide I have found thus far. One problem:

Invalid variable declaration in page skin: Variable is used but not defined. Input: bottomSidebarHeaderColor

Can you tell me what I'm doing wrong? Greatly appreciated....

bizwhiz said...

Hi Makeda

This guide is for conversion of "Rounders 3 Template". If you see the "Blogger Template Style" of your code, you would notice that your template is "Rounders Template" where the styles are slightly different.

To add a new sidebar, you may look at our Three Columns Rounders Template guide instead.

loverslobby said...

A lot of thanks

Matthew & Sandra said...

This is great stuff. Thanks for the tip and clear explanation - worked straight away :-) By default, on the right hand side of this rounders template, we have two 'Add a page element' sections. I would like to mirror this now on the new left side (ie.another 'Add a page element' underneath the current one). Which html do we need to adjust to add this in ?
Many thanks for your support.

bizwhiz said...

Hi Matthew and Sandra

You will see a sidebartop and sidebarbottom in your template. We did not mirror it in this hack but included instead one column. This seemed to be what some wanted.

You can try duplicating the two and change the alignment (to the left). You will then have newsidebartop and newsidebarbottom.

If there is sufficient interest in this template style, we shall write another article to cover it.

Leigh Ann said...

Thank you so much for this! It is a fun way to make the changes but I'm learning at the same time!!

Redbeard72 said...

Thank so much for the help! I like the colors of the rounders three template, but really wanted three columns to play with, I found some pre-tweaked templates, but was leery of losing all of my changes. This was the perfect solution. One comment that I must make though; curious as it seems, in spite of inserting the header align-left code, my header is still hanging on to the right side of the screen. Not much of an issue as the overall effect is still excellent- just thought you might want to know.
Thanks again!

J. Brian McKillop said...

Wow, your 3 column instructions worked perfectly, and now my screen real estate is used up.

Anonymous said...

After tring so many claimed third column method, finally i got the original from you.
thanks bro

Jos said...

Hi,
I am using a (pretty much) modified Rounders-3 template, and thanks to your clear instructions I have made it a 3-cols lay-out.
There is one thing that keeps bothering me, and maybe you can answer this?
The sidebars have a different bg-color than the main widget and the main bg, but they only 'run down' as 'long', or 'deep', as the content on these sidebars stretches. This never matches the 'length' of the main widget column. Is there any way to fix this?
Come take a look and see what I mean, please, if my question is not clear? "NoDirectOn (not: NoDirection)"
Thanks, -Jos

bizwhiz said...

Hi Jos

This is the way the Rounders template is designed, be it 2 columns or 3 columns. If you want the sidebars to have the same height as the main column, you can either specify a fixed height or switch to a different template design.

Jos said...

Hi Bizwhiz, thanks for that answer; I'll probably go for adding a lot of fixed height. Thank you!
-Jos

Telling It Like It Is said...

Bizwhiz, I know you are very busy, and I hate to bother you, but I can't find anyone else who will help me.

I have the Rounders 3 Template and I love it. But, if you look at my left sidebar, you will see my "Popular Posts" and "Categories" Link Lists that have an extremely light color, almost invisible. I can't find how to change the color to the burgundy color shown in my "Recent Discussions" rss feed list.

I've tried going through the customization area of my template, but it's not working. Can you please tell me how I can:

1. Change the color to burgundy in coding.

2. How to increase my text (posts) font size with coding. I want to change the font coding so it's universally increased throughout my blog.

bizwhiz said...

Hi Telling It Like It Is

I see that you have resolved your problem about the color. We had an article Change Font Size and Font Style in our Blogger FAQ blog. You may refer to that to change the font size.

Suceava said...

I cant save it... it says something like this, but i dont know how to translate it in english... "Au fost găsite mai mult de un control având id-ul: HTML1. ID-urile de controale trebuie să fie unice."

maybe: there have been found more than one controls with the id HMTL 1, the IDs for the controls should be unic

Brandon said...

Thank you so much for this!

Joey said...

I have been looking for a 3 column rounders template, and your instructions were perfect. Thanks for taking the time to share this info. I'm glad I stumbled upon your site!

Dante Trimble said...

I love this site its great. I followed your steps for rounders 3 columns but my right column seems to be a little off can you help. I could find the error I made in the code.

Ron Dean said...

Just wanted to let you know that I found your how to on this extremely helpful and easy to use.

The Wingnut said...

I found your tutorial very helpful, thank you for writing it so that us non-codemonkeys can understand it!

I was wondering though, is there a way to stretch it and keep the rounded corners? I don't necessarily want or need a third column, I would just like my two columns to take up more room on the page!

Thank you in advance for any help!

Lexi_penitas said...

Thank you soooooo much!!! After trying to convert to the three column blog using advise from several other sources and failing, finally I found your straight forward simple tutorial.

One small thing only. I did not manage to move the header picture to the center. I tried but in vain.

PS: I have placed a link on my blog for anyone interested to convert to 3-column or needs other advise. Of course if you visit my blog, it will be all Greek to you :)

Thanks again!

Anbusivam said...

Hi,

Thanks a ton for your wonderful help in creating 3 columns in my blog page. It looks fantastic. You made me do this so easy and simple.

Thanks again.

Cheers,
Anbusivam

Mike Walleye said...

That was great quality information. Easily followed the steps and I now have my three column rounders. Great Job!

Mike

Wikan said...

Thanks for your helpful tip.

rem said...

thanks a lot.ive been searching this kind of guide all over the net.huhu.i dont want to download new template as i have lots of page elements..

btw,i have question,how to make sure that my uploaded banner (740px), can be in the center of this larger area?

Robin said...

Hi,
Thank you very much for sharing this with us. I had no problem following your simple steps. I really like my new three column template now. I will link back to you. You have great information here. :-) Thanks, Robin

KittyJo said...

I don't see that this blog has been updated since October '07, unless I'm looking in the wrong place, but I still think this is the best place to go for newbie help!
I could really use some help with the same issue that Matthew & Sandra had... adding the bottom sidebar on the new column I just added. I tried to duplicate like you suggested to them, but it din't work because I really don't know what to duplicate to where.
Following your instructions for adding the third column was extremely easy... is there any chance you could give instructions for adding the extra sidebar under it that easy? Thanks!

BruManch Media said...

Hi. Thanks for the instruction, it works! However i have a problem, the corners of my header and footer has white corner edges. Is it the hosted picture that is white? How can i fix dis?

My site is :
http://bru-manch.blogspot.com/

Larry said...

Hello -

Okay, I now have my new Sidebar.

Is there anyway to make it like the original - two sets of page elements?

I would like to have two sets on either side.

How would you change the color of the top set on the left side so it would match the color of the top one on the right side?

Thanks for the help!

FutureSpot said...

Ditto on the thanks...it's a great template.

Bug: When you add a picture widget you get an extra underscore directly after the picture.

Fix: This happens because there is an extra space after the quickedit/image/IMG tag which is generated. To fix this do the following:
1. Save a copy of your current template
2. Open the template and look for the image tag which is <IMG expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> under the 'quickedit' section toward the bottom.
3. When you find this line, you will notice that there is an </A> end tag after it on the line below and though it may look like it follows the ">" before it, there is actually a space or two (or tab) hiding in there.
4. To fix it, remove/delete all spaces between ...='data:width'/> and </A> so it looks like this:
<IMG expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/></A>
5. Save the template and you should be all set.

Kudo's again.

////kelly////////// said...

hi,
i have a problem on my blog, i did a lot of changes with colors and background images, but i d like to remove the corners.
check my blog www.laviedekelly.com and you ll see these anoying corners around my sidebars and header..
thank you for helping me.

Anonymous said...

Hi bizwhiz,

I tried your instructions on converting the Rounders 3 template to have 3 columns. It all worked except the left column is not rounded and the bottom of the right column is not rounded. I've looked many places and cannot find what I'm doing wrong. I would greatly appreciate it if you could help me find out what is wrong.

Miriam said...

I followed your instructions to change my blog to 3 column (rounders 3) - but somehow I have changed the body background color. I have looked at the html and the number is right - what in the world did I do? www.coastalpersuasion.com

Thanks, Miriam

Los "Caravanings" said...

Hi There.... I´m from spain, so sorry about my english!!!

I´m a new blogger, and I made my 3 column temaplte with your guide and it works great!!!!!

Just one thing... Instead of a main title, I have an image that I made... when I put the 3 columns the image keeps to the left but it does not get up to the end of the HEAD (I mean, that the image does not cover all the title bar or horizontal column, I do not know how you call it)

Is there any way to fix it???

I think I only have to change a number but I do not whichone!!! hehhe

THanks

Javi

thetelmarine said...

Hi, I just used your Rounders 3 three-column template HTML, and was wondering, how can I change the color of the new left-hand column?

kshitij said...

First of all, thanks a lot for offering this trick with great explanation!
I have only 1 problem left:
When I switched to 3 column template, I found a small gap between the adjacent columns.
My question is,
How to change the color of the gap between the two adjacent columns?

~*Becky Joy*~ said...

Hi bizwhiz!

I followed your instructions for the 3 Column Rounders 3 template as closely as I possibly could and I still screwed up! Can you please help me??
My problem is this: no matter what I do my header and description seems to be stuck on the left side of my screen.
I tried aligning the text and everything, but that just did something weird to my sidebar...

Please email me with whatever help you can give!! Please treat me like a beginner!

bck.c@gmail.com

Thanks!

~*Becky Joy*~ said...

Hi Bizwhiz!

It's me again! Just wanted to let you know that the email I gave you crashed so can you email me at Candy.Wings01@gmail.com

Thanks again!

JPTYY said...

hi bizwhiz,

sorry to brother you, but i have a problem. i would like to change my bottom sidebar background color. but i can't cause it only allows me to change the title and text. i'm using rounders 3

help out,
Joel

JPTYY said...

i need some help. i want to change my bottom side bar color but is connected to my header. So how do i change the bottom background side bar color? in need of help.

Jeff said...

Great site...

I have rounders 3 and when I follow your instructions, try as I might, I can't get the header to have rounded corners... every corner is squared off.

I've tried three times and no avail.

Any insight to fixing this would be most helpful.

Thanks in advance...

newcrunch said...

http://www.blogpulp.com/imagehost/images/1135478546.gif

This link i think not working can you make sure.

Becasue on hader and footer that round not come up.
Look at my blog you will see.

http://newcrunch.blogspot.com

Andrew Fletcher said...

I probably tried 10 of these things, and yours was the only one that worked. Thank you so much!

Teal Marie Chimblo said...

THANK YOU THANK YOU THANK YOU! I can not tell you how happy it has made me to be able to have 3 columns on my blog...no, seriously!! You guys are great, and if you can make it possible for ME to understand and make these changes, anyone can!

Only issue I am still having trouble resolving is getting the header image to center. I used this code
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

under /* Blog Header */

but it still doesn't want to line up.

If you have time to take a look at some point, I would be forever grateful.

Peace-T.

Mario Ruprecht said...

Hi there,

I've used your description to update my blogger template to 3 columns. Unfortunately I just realized that the two background graphics hostes at blogpulp.com are gone :-(

Do you have the graphics somewhere? I can host it on my own site but I don't have it(even not in the explorer cache).

Thanks!

Nickolas said...

Sorry I'm doing this so late...

I just started my blog last month and wanted the three-column format. Yours is the best, but I've done everything twice straight through and I still have sharp - not rounded - corners on the header and footer. Am I doing something wrong, or have you changed the .gifs being linked to the page?

N3r3N said...

Hi! Thank you so much for the guide. But I still can't find how to put a double right sidebar in my blog huhuhu.Can you please take a look into my blog and please help me how to add another right sidebar? Here is my link http://www.n3r3n.com.Please please, Thank you so much and God bless you always!

Mohammad Mustafa Ahmedzai said...

hi bizwiz,

I want to increase the width of my post column. I did try to do it, though the width increased but the borders [those vertical lines at each edge] didn't increase and remained where it were. Plz help me with this.. Plz

Regards,
http://Qiyamah1.blogspot.com

My Boys' Teacher said...

HI and THANKS,

I thought they were easy instructions. However, unfortunately when I got to the end it wouldn't preview and said "something" about "NewProfile" not an acceptable "Profile" Widget? (I wish I had cut and pasted the error message, but didn't have the presence of mind either time I tried it. The second time I tried I "previewed" after each step and it was working all the way until the last step.

Thoughts?

Frugal Fraulein said...

Hi, I just started a new blog. I chose the Rounders 3 template and am trying to convert into a three column per your instructions. I have gone through the process three times and when I preview, I get this message:
We were unable to preview your template
Please correct the error below, and submit your template again.
The new widget id "NewProfile" is invalid for type: Profile

What do I do now??