I've customised the 897 Blogger template to feature 3 columns (instead of the usual two) which you can download for free here.
Here's a screenshot for you: I've altered the sidebars so both are rounded, and have also taken care of the margins so the elements don't run into each other. To download, right click the link below and choose "save as" to save the template to your computer. To upload the template to your blog, go to Template>Edit HTML and look for the section at the top where you can browse your hard drive for template files. Download customised 897 three column template here Please feel free to leave your comments and opinions below
My name is Amanda Fazani and I write Blogger Buster to help other Blogger users make the most of their Blogger blogs.
Post a Comment 18 Comments:
Thank you for the template. I have been looking for this particular one all day. However, when I go to add it as my template, I get an error message that says:
We were unable to save your template.
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type "html" must end with '>'.
Please help me on this.
Thank you!
Hello Crystal,
I've checked this on my test blog and everything seems to work okay. Perhaps there was a problem with your download. You could try to delete this template from your computer, refresh your cache and download the template again, which should ensure the download has been properly completed.
If you're still having problems, please send me an email and I'll try to help you some more.
Best wishes,
Amanda
Thanks Amanda,
I did just that and it works fine! Thanks so much for the template. I love it! I had been trying to figure out how to use the rounded template in a three columns most of the day. So thanks for figuring it out for me. I will provide a link back to you when I start adding links to my website.
TC!
Hey another question for ya, I have my website setup for the most part with the exception of some tweaks here and there. But I was informed that the text on my site isn't set right. For instance if you view my site with the fonts set to medium, it looks good, but if a viewer happens to have his fonts set to larger or largest it is horrible! How could I change this in the css so that I have a set font that won't grow larger or smaller?
Thanks for helping.
o and here is my web address so that you can preview it:
http://versatilecreations.blogspot.com/
That's something I hadn't thought of before, Crystal!
I think the only way to make font sizes absolute would be to define the font size in pixels for each element in the CSS. As default, Blogger defines text-size relatively, as in 75% or 2em rather than fixed sizes. This ensures that most browsers can change the text size for accesibility purposes.
I don't homestly believe that your font sizes are "wrong"; they are set relative to the readers' browser. Most people have this set to "medium", in which case your site looks fine. In fact, the argument is that absolute font sizes (defined in pixels) can make pages inaccessible to some people who may otherwise be unable to read the text without magnification.
I will probably write a more detailed post about this later to offer some more info on the subject.
Hope this helps!
I can't get this to work...
I'm hosting the Blog on my own server so I don't have the 'browse your hard drive for template files' option.
I tried copying and pasting the code in (after opening the .xml in NotePad) but in Firefox I get a white page with some characters on the left and in IE7 I get a page of code.
Is it possible to copy & paste it ibto the Edit HTML area of Blogger?
Thanks
are we allow to modify the template?
@VisitorSite: I've emailed you about this. The problem is most likely that this is an XML template that won't work with Classic templates.
@Anonymous: Feel free to modify the templates however you like! A link back to Blogger Buster is always appreciated if you use a template I've designed, though not essential. However, I will ask that the design credits remain in place within the template (I simply modified the 897 template; it was originally designed by Douglas Bowman at Stopdesign.com as stated in the credits).
Thanks,
Amanda
Wow! Thanks so much for the template. It is awesome. I was wondering, do you know how to change the tiny "comment" text after each post? I need it to be larger, darker font and say "Click here to leave a comment".
Hello n.joanna foor,
To change the comment link text, find this section in your template (you'd need to expand the widget template)
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
and replace the entire section with this:
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/>Click here to leave your comment</b:if></a>
</b:if>
</span>
For the font color and size, do you want to change only the comment link, or the whole text of the footer section (this would be the easier option!)?
Let me know and I'll be able to explain this better for you.
Best wishes,
Amanda
Easier! Lets go 1 to 2 fonts sizes larger and a color that stands out more.
@N. Joanna Foor,
Okay, changing the font size is not too difficult. Add this section of code to the style section of your template:
.comment-link {
font-size: 140%;
}
This will make the comment link 140% bigger than the rest of the text in the footer (the same size would be 100%). You can change this to be larger or smaller as you see fit.
The color of the comment link is governed by the color of the links in the whole of the post, so if you want to change the comment link color, you would also have to change the colors of all links in the post. To do this, you can go to "Fonts and colors" in your blogger dashboard and change the variables for the link colors.
Hope this helps!
Amanda
Hi. Clicked on the 'Download Here' link, and it show up weird. Am I doing something wrong? Thanks!
@JulieMom: this template download is just the XML file, not a zip folder like the others. If you right click the link and choose "Save as" it should download fine to your computer, and then you can upload it as a new template in your Blogger dashboard.
Hello, I tried the template and it's quite impressive :)
I would like to reduce the size of the centre column and increase the size of the left and right columns. I am not the sharpest knife in the box!! so any help would be really appreciated
cheers
Mark
Hi, Amanda!
Thank you! This is just what I've been looking for.
But when I try change to this three column 897 template, most of my material is lost!
How can I change to this model and save everything I've already post?
Thanks,
Elizabeth
Hi, Amanda!
Thank you! This is just what I've been looking for.
But when I try change to this three column 897 template, most of my material is lost!
How can I change to this model and save everything I've already post?
Thanks,
Elizabeth