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 23, 2007

Digg This Story

Three Columns Scribe Template

We have been receiving a number of queries by users who wish to insert a third column into their Blogger templates but are using other templates like Scribe, Denim, Thisaway, No. 897, and so on. We have therefore set up a test blog using a different template each time and converted them into three column templates. In this article, we shall outline how you can add a third column or a second sidebar into the Scribe template. We have done up new background images to cater to the wider format.

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 3 Template;
7. Three Columns Rounders 4 Template;
8. Three Columns Sand Dollar 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.


The final three column Scribe template will look like this:-

Three Columns Scribe 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.



Scribe Template

When you are at Template -> Edit HTML, scroll to these lines:-

#outer-wrapper {
background-color:#473624;
border-left:1px solid #332A24;
border-right:1px solid #332A24;
width:700px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}
#main-top {
width:700px;
height:49px;
background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top left;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:700px;
height:81px;
background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top left;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:700px;
background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y;
margin: -14px 0px 0px 0px;
text-align:left;
display:block;
}


If you view the .jpg images by entering the URLs into the browser, you will see that these are the images that form the backdrop of your post body and sidebar. To expand the template and insert a third column, we will have to enlarge these images as well. Change the above code to these (note the portions in red):-

#outer-wrapper {
background-color:#473624;
border-left:1px solid #332A24;
border-right:1px solid #332A24;
width:900px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}
#main-top {
width:900px;
height:49px;
background:#FFF3DB url("http://www.blogpulp.com/imagehost/images/483717931.jpg") no-repeat top left;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:900px;
height:81px;
background:#FFF3DB url("http://www.blogpulp.com/imagehost/images/529102364.jpg") no-repeat top left;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:900px;
background:#FFF3DB url("http://www.blogpulp.com/imagehost/images/437454966.jpg") repeat-y;
margin: -14px 0px 0px 0px;
text-align:left;
display:block;
}


We move on to the style definitions for the mainbody and sidebar. Scroll to these lines:-

#sidebar-wrapper {
clear:left;
}
#main {
width:430px;
float:right;
padding:8px 0;
margin:0;
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 */
}
#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
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 present sidebar is on the left. We want to insert a new sidebar on the right. We can use the same sidebar settings and change the above code by amending or inserting the parts shown in red.

#sidebar-wrapper {
clear:left;
}
#main {
width:430px;
float:left;
padding:8px 0;
margin:0 0 0 30px;
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 */
}
#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
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-wrapper {
clear:right;
}
#newsidebar {
width:150px;
float:right;
padding:8px 0;
margin:0;
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 */
}


Just below the Header and above the Footer, you can see a nice divider image. We have redone this image and replaced the divider.gif with this new image.

Scroll to:-

#footer {
clear:both;
background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left;


Change the image location to this:-

#footer {
clear:both;
background:url("
http://www.blogpulp.com/imagehost/images/1182140476.gif") no-repeat top left;


Also, go to:-

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


And change the image URL to this:-

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



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 #outer-wrapper {
margin-top: 0;
padding-top: 0;
}

body#layout #wrap2,
body#layout #wrap3 {
margin-top: 0;
}

body#layout #main-top {
display:none;
}

Update:

Add these lines after the above:-

body#layout #outer-wrapper,
body#layout #wrap2,
body#layout #wrap3,
body#layout #header,
body#layout #footer {
width: 750px;
padding: 0px;
}

body#layout #main {
width: 400px;
margin-left: 20px;
}


Further down the template, you will see this:-

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>

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


Insert these lines (shown in red):-

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>

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

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


What it does is to place your Profile on the right sidebar. If you don't want it there, you can remove the page element later. Now, “Preview” your template, and if you like the new three column Scribe template, click “Save Template”. Refresh your Blog to see your new three column Scribe layout!

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 Scribe 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;


© 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

77 comments:

Vinayak said...

I found your blog to be very helpful with all its lucid instructions about getting things done in blogspot.
Thanks.

Tonino said...

Hi, my template is "dots dark".
Would this method work for that one?

bizwhiz said...

Hi Tonino

Please don't use this guide for Dots template. We'll probably write an article on that.

Amber Shukla said...

Hi, this works really well... thank U so much for this post... i was desperately waiting for this...

Amber Shukla said...

ya..and one thing missing... how can we get the header title at the center? It is showing at the left hand side..
Thanks once again...

bizwhiz said...

Hi Amber Shukla

We have just included that in the article. The code should move both the header and the description to the center.

mark said...

hi i try this but it when i preview it, it just says error. i think its because of the last line. mine seems to be different. can you figure out which is wrong? i would be very much thankful for that.

mark said...

this is the link of my code:

http://www.freewebs.com/shivarules2/blogerror.htm

i hope youll gonna help me with it thank you so much!

bizwhiz said...

Hi Mark

When you insert the codes, you don't need to check the "expand widget template" box. The head section is ok. But in the body, the section on div id='newsidebar-wrapper' should appear after the id='main' section, and not before. If it is placed correctly, you should be able to preview the blog.

Hannah said...

Thanks for the template, it works great and I love the variety it gives my page.. only one problem I'm having is that now the edging of my page is white instead of the patterned colour of previous. I checked my backup template against the current one and that section of the html is the same yet it does not work. Do you have any ideas why this might be? Thanks.

bizwhiz said...

Hi Hannah

Your template looks alright. The default background style is this:-

body {
background:#483521 url("http://www.blogblog.com/scribe/bg.gif") repeat;
}

You can copy and replace the current one you have. Preview the template to see if the color appears.

paula said...

Thank you so much for this - I'm very new to blogging and this worked wonderfully!

Roberto said...

Hi bizwhiz,

I uploaded a 3 column Scribe template several months ago from Blogcrowds and its been working pretty well. Now I've started to add widgets and a search bar and find that, particularly, the width of my right sidebar needs to be bigger. Any suggestions for changing (increasing) the width of the sidebar on this template.
http://thesilverpeoplechronicle.blogspot.com

bizwhiz said...

Hi Roberto

You can reduce the width in #main{ and increase the width in .sidebar{ This will increase the widths in both sidebars.

Unlike our template guide here, your template currently does not have a separate class for the right sidebar and you would need to modify your template further to include that if you want to change the width only for the right sidebar. You may want to check with them before any such modification.

Roberto said...

Bizwhiz,

Thanks for your timely response. I suspected what you've told me about my "pre-fab" 3 column template from Blogcrowds so I think I will start from scratch and upload the original Blogger Scribe template (only 1 sidebar), and apply your wonderful instructions to add a second side bar (right). Your guide worked real well on my other blog (minima) and I have more control over modifying it.
If you think what I'm thinking is too drastic, let me know. Thanks.
http://thesilverpeoplechronicle.blogspot.com

bizwhiz said...

Hi Roberto

What is important is that before you make any modification, download and backup the template in full. After making any change, whether to your existing template or a new template, if it is not what you want, you can at the least switch back to the saved template.

I believe templates created by third parties have built-in features which may be useful. You can assess what these are and decide whether you want to retain them.

Over here, we can only advise people who are using the standard Blogger templates because we try and test our guides before writing them and we can't do that with other third party templates.

Joseph Patrick said...

Hi, very helpful, but my problem is that my new column starts at the middle of the right hand side. Why doesn't it start at the very top like left column?

Joseph Patrick said...

Hi, its me again, I'm having another problem. I now notice that the writing from my center column with my posts is way too close to the left column. Is there anyway to fix that? Thanks and to see what I'm talking about, go to:

www.politidose.com

bizwhiz said...

Hi Joseph Patrick

I see that your columns are evenly spaced now. If you face alignment problems, look at the template code again and see that there are no typo errors, like missing semi-colon, margins, braces {}, etc.

Joseph Patrick said...

Yea, I realized that I misspelled a word. But now I have another question, is there anyway to get the background on the scribe template(the dark brown flower looking things) to change to just a solid color? Same thing with the flowers that appear by the posts.

Thanks,
JP
www.politidose.com

bizwhiz said...

Hi Joseph Patrick

Scroll through your template code and identify the background images ending with .jpg or .gif If you want to replace them, create your own images, host them on a server and replace the image URLs.

MinMayBee said...

Hello bizwhiz,

First of all, awesome site! I'm a newbie to blog, but wondering if you can help me by providing guidance to make 3 column to the "harbor" template that I"m using on blogspot. I noticed that there are wasted space on the right side, so I would like to create "Add a Page Element" on the right side, similar to the left side.

http://www.beautifulthingsinlife.blogspot.com/

Any information will be helpful. I tried using the instruction above for Scribe template, but I have been unsuccessful at it. Should I be using Scribe template for Harbord template? Are you planning to create an instruction for Harbor template?

Thanks in advance,

bizwhiz said...

Hi MinMayBee

This guide is for the Scribe Template and will not apply to the Harbor Template. If our Poll is any indication, not many people use the Harbor Template. We will be doing more three column guides and will probably come to that in due course.

MinMayBee said...

Hi bizwhiz,

I decided to use a template that you already had instructions. I don't want you to spend the time to create one for Harbor just for me when you have time :) Again, thank you.

Roberto said...

Hi Bizwhiz,

Your instructions to get my modifiable three column Scribe template has worked perfectly, as usual. I didn't even take an hour with all the changes. My next step is to widen the two sidebars to accommodate my new widgets. Is there anything I should look out for in particular? Which of your instructions should I use?

Thanks again!
http://thesilverpeoplechronicle.blogspot.com

bizwhiz said...

Hi Roberto

In this template, the widths of the columns are all stated under:-

#main - the main blog post column
#sidebar - the left sidebar
#newsidebar - the right sidebar

You can adjust the values by adding to one and subtracting from another. Meaning to say, if you want to add 10px to the right sidebar, you will have to minus 10px from the main column width, so that the overall width remains the same.

Should you want to change the overall width of 900px, you would have to redo all the background images to cater to the new width.

Roberto said...

Bizwhiz,

I followed your tip to widen my sidebars by reducing the width of main column to 850px and increasing width of sidebars to 175px. The resulting sidebars were widened satisfactorily but the right sidebar (the new one) got pushed down to the bottom, below the last blog post.

I wonder where I went wrong?
Appreciate suggestions.
http://thesilverpeoplechronicle.blogspot.com

bizwhiz said...

Hi Roberto

I don't know where your 850px comes from. In our example, the width of the main column is:-

#main {
width:430px;

If you want to increase the sidebar width, you have to reduce the above width.

Pegasus said...

Thanks for the nice and easy explanation. All worked fine. Good job..

Roberto said...

Bizwhiz,

This is just to say thank you so much- Again! This time, I finally got it! New dimensions: #main 403px, left sidebar remains 150px, new (right) sidebar is now 175px, and it accommodates everything just fine.

Sorry for my nagging:-))
http://thesilverpeoplechronicle.blogspot.com

Leo said...

Fantastic!
I was actually experimenting with my blog layout earlier today and gave up because I couldn't get a background image to work with it... that is, until I bumped into this site!
Excellent work!
Thanks a lot.

Roberto said...

Bizwhiz,
My scribe template is now looking like I wanted it to thanks to your patient guidance. I've giving your bog a plug over at my site at:
http://thesilverpeoplechronicle.blogspot.com/2007/10/in-recognition-of-our-technical-help.html

out of appreciation. Thank you a bunch!!

Steph said...

Just wanted to say thanks :o) Your instructions were very easy to follow and worked on the very first try, even with 3 toddlers running around the house!

Thanks again.

~Maria~ said...

So, everything worked out fine, except when I go to add/arrange page elements. I can't add anything to the left side bar, and the "add page element" box is in the bottome left corner. What did I do wrong and how can I fix it?

bizwhiz said...

Hi Maria

You have widgets in the left sidebar but nothing on the right. Is your problem with the 'right' sidebar?

See that you added the part on <div id='newsidebar-wrapper'>.

Civicmind said...

hi bizwhiz

thanks to your guide its so easy and i could do it accurately unlke other sites. However i have one problem, my cluster map doesnt show anymore?. Pls help.

A. Michael Bussek said...

Great blog, all brains!

I took the version you offered here, everything is just fine, but: My posts come in different font styles which is VERY annoying - maybe you can have a look and offer a solution?

Link: http://preeedict.blogspot.com/

Cheers!

Eddy said...

Muito obrigado! A sua dica funcionou perfeitamente no meu blog! Visite meu blog: http://estendalhiperleves.blogspot.com

Dette said...

First off - THANK YOU for making this so easy! I followed the instructions, and everything looks beautiful except for one piece I can't seem to fix.

So - I have a dumb question:

The right side bar doesn't seem to show up on my "layouts" page in order for me to add page elements there. I've tried moving some over from the left to the right, but it didn't work.

Can you help me turn the lightbulb on? Your tips are MUCH appreciated!!

http://www.danceofmotherhood.blogspot.com/

Dette said...

lol - I figured it out! I had inadvertently left out the last piece and now it looks beeyootiful!

Thank you much - I have added a link to your site, and will now go scrounging for some tips on how to add another page to my blog.

You totally rock.

Mary said...

I've JUST about got my blog to look like I want, except for the left sidebar. Can you tell me how to get my background tile inserted as an URL image to span across the whole sidebar and not just a portion.

Thanks!

Jae Baeli said...

Your code regarding the Page structure tweaks for layout editor wireframe--it works very well (this has been giving me fits!!) so thanks--but one thing:

It still cuts off the bottom of my page elements. Is there a way to be able to view the bottom as well? I am using firefox and i understand that may have something to do with it, but i just need to be able to see the widgets in my footer too.

Thanks for any help!
Jae Baeli
http://usedbythemuse.blogspot.com

Anonymous said...

Hi,
I have a SCRIBE template blog (old verison) - still havent updated to the new layout yet. Anyway - I tried this morning to upgrade to the new layout - and then tried to add a 3rd column sidebar on the right inwhich I want to place my ABOUT ME profile, but upon searching for this in the code - - - - >"#sidebar-wrapper {"
clear:left; as you mentined - I couldnt find it. i only have center. what can i do?
basically what i wish to do is:
1) upgrade temple to new layout
2) add column on right to place about me
3) also - i would like to change the FONT of my About Me profile, but cant in the edit section - just doesnt allow me to do so.
thanks for everything

CrazyCath said...

Hi bizwhiz - I 'll post a note in chatbox too since you may be away..

I was referred to this by a fellow blogger and before I start messing with my template, just noticed a difference -

Scribe template.
Where you list that the template says

border-left:1px solid #332A24;
border-right:1px solid #332A24;

My template on (new) blogger states

border-$startSide:1px solid #332A24;
border-$endSide:1px solid #332A24;

Should I change $startSide to left and $endSide to right or leave it as it is?

This is all the way through my code - it is startside and endside, not right and left.

Do I change only the bits you highlight in RED or do I change discrepancies I see and check all the code as above?

Appreciate a clarification before I start as I have little experience with changing HTML code.

My blog is here

Many thanks. Cath.

yoshi3329 said...

I don't understand the last thing this tutorial is trying to tell me

Marulu said...

Thanks! I have used your template already, this has been very useful for me, just what I was looking for.

Marulu.
my-internet-tips-and-tricks.blogspot.com/2008/03/why-use-firefox.html

http://how-to-make-money-on-the-net-for-free.blogspot.com

GyZ said...

You are truly a Wizard, works like a charm. Thank you for this, an exquisitely informative site.

The Beginning of All Ends said...

hey bizwhiz, i desperately need your help. my blog: http://edward89.blogspot.com/ seems to have problem with right sidebar. it din show right sidebar.

It's bcoz my html(still scribe) is different from your format.

i'm totally lost when u said to change

" body#layout #outer-wrapper,

and " div id='newsidebar-wrapper'"

HELP ME.... should i send u my whole html format for the blog? THANKS

regards, edward

Wenbin Nah said...

Thanks lots. Everything worked perfectly for me.

http://www.communicatebetter.blogspot.com

azlan zahid said...

Hi Bizwhiz.

Sorry, newbie here. I've got a blog using the scribe template and when I used your advice on putting in another sidebar, it worked brilliantly. The only problem I have now is that my left sidebar is all the way to the left. There's no margin between the left sidebar and the border. Could you please have a look.

My blog is http://advertising-internet-marketing.blogspot.com

Kim said...

First of all thank you - I was able on the whole to follow your instructions for converting Scribe easily - and that's really saying something. Thank Heavens for cut and paste , lol!
I do still have two problems. The code for the original template has changed slightly from the code in your examples , and I'm wondering if that's why I can't find the footer code to lengthen the divider between my banner and my blog? I've spent hours w/no luck - if you could tell me where to find it now - that would be great.
The second is my center column is off to the left. I've checked and re-checked , and as far as I can tell , the new code is all where and how it should be. And I checked my spelling too , just in case but as I said the majority was cut and paste. May I have some help , please?
My blog is ruinedart if you'd like to look. It doesn't look like your example with each side column beginning at the top of the page , but that part doesn't worry me much.

Kim said...

Hi , it's 'ruinedart' again. One other odd thing - I've had a few people tell me that my blog isn't showing the same way to them it does to me. Either the text has disappeared , or the patterned background is over the entire page AND the text has disappeared. Most have no problem including me - I don't know if that's a glitch in the Blogger system or what is going on but thought I should mention it in case you see it , lol.

Clearly Inspired said...

This is so awesome! The instructions were very easy and I am so grateful. I have been wanting to do this for a long time. Thanks so much!

--David said...

I don't know what I did wrong, thought I followed everything. Can you not just post the entire script so we can copy and paste the whole thing into our template? I'm one of those folks that likes to buy the watch, not know how it works... :-) Thanks!

Kirstin said...

Hi, I am attempting to go to 3 columns with my scribe template. I noticed on your tutorial wher it says clear: left...mine says startside, or it will say send side. is this something I need to change?

Also at the end it gave me an error when I previewed it that the b:section needed to be properly closed. But when I double checked, what I did matched what you did...any thoughts.

Kirstin said...

I tried again, following exactly the instructions. and this is the message I get when trying to preview:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "b:section" must be followed by either attribute specifications, ">" or "/>".

What am I doing wrong

Stephanie said...

I'm assuming this template is for the Scribe template only. I'm working on my 897 blog, love the style, but really need the left column. Any suggestions or do you think you'll have something put together for this template soon?? Thanks!

Anonymous said...

http://www.blogpulp.com/imagehost/images/1182140476.gif doesn't work.

tidymom said...

Fantastic site!! I had a business blog, and always wanted 3 columns in scribe - I've closed the business and want to start a personal blog - I followed you tutorial and everything worked perfect, until I tried to change to my own jpg for the #main-top,#main-bot and #wrap2 - I can't get it to go all the way over to the right - I've tried making the size much larger and nothing works - what am I doing wrong? I'd really like this color to match my background

tidymom said...

I just wanted to follow up with - I figured out my problem!!! YEAHHHH
My photobucket account was set to a max size of 800px so I changed that setting, reloaded my backgrounds and wahlah!!! it worked!!!

seemyinnergeek said...

The links to files .jpg and .gif files on for the wider format no longer seem to work. Have they been moved, or can I request that you sent them to me to host myself?

The Crowns said...

I've followed your directions for the 3 columns and even double checked things twice, but still my backround is just one solid brown color, I've lost beige center and the fun flowers on the side. What did I do?

The Crowns said...

I also have a picture on the bottom of my blog that is no longer centered, is there a way to fix that? A response back soon would be greatly appreciated.

Crystal Richey said...

I did this and it worked but the scribe paper is no longer there instead I have a tan color. I want the scribe paper like in you example picture.

Lanee' said...

thanks so much for posting this... it's very helpful and easy. i wish i had found it sooner!

Victorian Lady said...

Hi :)
THANK YOU so much! I love three columns! My only problem is that I have a graphic that I want for my header. It used to work, but now doesn't. I've reuploaded it a few times, no luck.

Any help would be greatly appreciated! :)

Thanks!

Mere

www.thevictorianlady.blogspot.com

Daniel Askeland said...

I really want this to work, but I've tried it two or three times now.. and it doesn't function correctly..

I can see that my original codes look a bit different than your original codes..

Please help me!

Daniel

Becky said...

Hello I left a comment yesturday, but I decided to try another template. I didn't like the way it looked so I went back to the scribe template. I tried to do 3 columns 3 times today, but it says after I've done everything and want to preview: error: widget id NewProfile is invaild for type:profile.

What do I need to do?
Thanks for the help

Sharkbytes (TM) said...

I did all this, except it didn't like the widget code to put "About Me" in the right column, and it saved it ok, display looks ok, but it won't let me put any gadgets or anything in the right column. see http://word-fun.blogspot.com/. I would like to just get it working right, and then I'll change the background and text area background, etc.

Sharkbytes (TM) said...

sorry- forgot to subscribe to replies, so just doing that now.

Pack 20 said...

Hi, my template did not like the changes.
"We were unable to save your template
Please correct the error below, and submit your template again.
The new widget id "NewProfile" is invalid for type: Profile"
help please. Thank you.

River said...

Thank you for the tips! One thing though: I have been having trouble with the second to last part. It keeps saying "The new widget id "newProfile" is invalid for type: Profile" and when I click save again, it says to confirm that the widgets are being deleted. I click confirm and save, and it won't save! it keeps saying "The new widget id "newProfile" is invalid for type: Profile" What should I do? Thanks!

Trish said...

Looks absolutely great...except it doesn't like the NewProfile bit (blogger gave me an error so I deleted this bit), so I have three column space without the three columns. Any suggestions?

Sharkbytes said...

The template would not work with the div id='newsidebar-wrapper' section, and if I left that out it would not let me move any gadgets to that new sidebar.

OnlinePublicist said...

on my gosh! This was amazing! Super easy to follow and figure out. I had problems at first because I do not have an About Me widget and could not figure out how to add gadgets to the new column. But after reading through the comments, I found my answer!

thank you, thank you, thank you! I was sent over here by TheCutestBlogontheBlock. :-)

Jason said...

hi, i'm getting an error on this at the very last step. Can you help?

We were unable to save your template
Please correct the error below, and submit your template again.
The new widget id "NewProfile" is invalid for type: Profile

Arifendi said...

thanks for your tips in this blog. i'v learn a lot.i just want to ask you, how to expand the body bg layout "the old paper looks". i want it to cover my 3 columns. can u help me plz.