Sunday, April 1, 2007

New Blogger (formerly beta) 3 column templates modified by Stavanger

0 comments
NOTE: Before you edit or change template, make sure you backup your curremt template PLUS Page Elements. Refer to Backing up current template PLUS Page Elements before changing new template

Update 21 May 2007: Stavanger of Blogcrowd has made a couple of changes for access to his templates. Now you have to register, sign in, made at least 3 posts in his forum (shouldn't be too difficult, make some posts regarding your blogs, may even provide links to your blog to increase exposure).

Backing up and changing template

Before changing or editing a template, it is always good practice to backup the current template so that if there is anything you are not satisfied with or if anything goes wrong, you can always revert to the previous situation. To backup the template, sign into the Dashboard, and in the relevant section of the list of blogs, click "Layout", then click the "TEMPLATE" tab, then click the "EDIT HTML" sub-tab which will open the template editor window. At the top of the page, click "Download Full Template" and save the template with a suitable filename into a suitable folder which you can easily remember.

To change to a new template from the selection below, in the same template editor window, click inside the window, press "ctrl + A" to highlight all the template codes and press the "delete" key and the template editor window will be empty, ready for you to paste the new template that you obtained from any of the choices below. Then in the page where the new template is given, click inside the codes, press ctrl+A to highlight all the codes, right-click and select "copy" to copy the new template to the clipboard, go back to the template editor, click inside the template editor window, right-click and select "paste". Make sure the last 2 lines of the template is

</body>
</html>

All these is best done with a browser that has tabbed browing like FireFox which is one of two browsers recommended by Blogger. You can download and install FireFox with Google toolbar by clicking on "Browse the web better with Firefox with Google toolbar" at the top of the right sidebar of all my blogs. Then you can have the template editor window opened in one tab and Stavanger's template page opened in another tab.

Fixed and fluid width templates and screen resolution

Templates can have either fixed or fluid width. Blogs using a fluid template will have its main column width adjusted according to the screen width so that there is no need to scroll horizontally. The disadvantage of a template with a fluid template is that the appearance of the blog will change with the screen resolution, and a photo or table which may appear OK in a large screen may cause the sidebar to slide to the bottom of the page. Fixed width template however, will appear the same in all screen resolutions, but for a smaller screen, you may have to scroll horizontally to see the rest of the right sidebar. The template I am using is a center fixed width template. If you are using a larger screen to view this blog, you may see white spaces on both side of the content. If you want to observe how a visitor with a smaller screen (800x600 screen resolution) sees this blog type or copy-paste javascript:top.resizeTo(800,600) into the address bar and press the enter key. You can do the same thing with all the example blogs given below

Update 25 March 2007: In some of the Layout of the templates given below, you may have some Layout where the EDIT link of the right sidebar Page Elements are not visible. Scroll down the page, and you will see a horizontal scrollbar. Scroll to the right, and you will be able to see the EDIT link of the Page Elements.

New Blogger 3 column fixed and fluid templates

Here are some examples of blogs using the new 3 column Blogger (formerly beta) templates modified by Stavanger of Blogcrowd Forum. Note that the template you download will be slightly different from the ones I used for the examples. I have added 2 extra "Add a Page Element" in the Header and at the top of the main column which I have used to add AdSense Ad units, link units and Goggle sitesearch bars. If you want to know how it is done, refer to Adding graphic, advertisement, etc., to the blog New Blogger blog Header and New Blogger (formerly Blogger beta):How to add AdSense ads, search box, "sticky post", etc. to the top of the main column.

Thisaway Rose 3 column fixed New Blogger template

Here is an example of a blog using the Thisaway Rose template by Dan Rubin for the new Blogger (formerly beta) blogs modified to a 3 column fixed width template by Stavanger :Articles for Women

You can download the template from Thisaway Rose Fixed 3 Column template.

Thisaway Green fixed width 3 column new Blogger (formerly beta) template

Here is an example of a blog using Thisaway Green template by Dan Rubin for the new Blogger (formerly beta) modified by Stavanger to a 3 column fixed width template: Articles for Men

You can download the template from New Blogger 3 column Thisaway Green template

Thisaway Blue 3 column fixed width new Blogger template

Here is an example of a blog using the Thisaway Blue template by Dan Rubin for the New Blogger (formerly beta) modified to a 3 column fixed width template by Stavanger: Articles for Family.

The template can be downloaded here: [BLOGGER BETA] Thisaway Blue Fixed 3 Column template.

Thisaway New Blogger 3 column fixed width template

Here is an example of a blog using the Thisaway template for new Blogger (formerly beta) by Dan Rubin modified to a 3 column fixed width by Stavanger: Articles for Education

The template can be downloaded here: [BLOGGER BETA] Thisaway Fixed 3 Column template.

Minima 3 column fixed width New Blogger template

DIY (Do It Yourself) Articles is an example of a blog using the Minima 3 column fixed width New Blogger template modified by Stavanger. This 3 column minima template is different from Thurs Old Classic 3 column Minima template in that this one is an old classic template, and also the it has a fluid main column width wheras Stavanger's 3 column Minima template is for the New Blogger and has a fixed width. This was the template I used for the blog Blogger for Dummies which I may switch the template to Stavanger fixed width template in the near future. If you want to see the difference, surf over to both DIY (Do It Yourself) Articles and Blogger for Dummies and type or copy-paster

javascript:top.resizeTo(800,600)

into the address bar and press enter. You will see a difference.

The template for the Stavanger Minima 3 column fixed width New Blogger template can be obtained from Stavanger Minima template.

Update 15 April 2007: A blog reader complained that she had problem with the template given in the link above. I tested it and found that what she said was true. Although I had used it before without problem, for some unknown reason, the template cannot be previewed or saved now. I thus have uploaded the backup template of DIY Articles to the Google Photostore group and renamed it "Stavanger's 3 col Minima template.xml". Right click on the file and select "Copy link as.." and download it to your computer. Then go to your Dashboard, click LAYOUT, then EDIT HTML, then BROWSE to the file you downloaded and click UPLOAD. I have tested it on the blog Just for testing only and have confirmed that it worked.

Update 16 April 2007: Got an email from Stavanger who said he tested it and found it OK. I did a retest and found that to be true.

Minima Black 3 column fixed width New Blogger template

Guide to Thailand is an example of a blog using the Minima Black 3 column fixed width New Blogger template modified by Charlemagne Stavanger.

The template can be obtained from Minima Black template

Minima Blue 3 column fixed width New Blogger template

Guide to Singapore is an example of a blog using the Minima Blue 3 column fixed width New Blogger template modified by Charlemagne Stavanger.

The template can be obtained from Minima Blue template

Minima Ochre 3 column fixed width New Blogger template

Guide to Japan is an example of a blog using the Minima Ochre 3 column template modified by Charlemagne Stavanger.

The template can be obtained from Minima Ochre template

565 3 column fixed width New Blogger template

Guide to China is an example of a blog using the 565 3 column fixed width New Blogger template modified by Charlemagne Stavanger. Note that the blog has no footer.

The template can be obtained from 565 New Blogger template.

897 3 column fixed width New Blogger template

Guide to Australia is an example of a blog using the 897 3 column fixed width New Blogger template modified by Charlemagne Stavanger. Note that there is no footer.

The template can be obtained from 897 New Blogger template

Scribe 3 column fixed width New Blogger template

Guide to Hawaii is an example of a blog using the Scribe 3 column fixed width New Blogger template modified by Charlemagne Stavanger.

The template can be obtained from Scribe 3 column template.

Herbert 3 column fluid width New Blogger template

Computer, Internet and SEO (Search Engine Optimization) is a blog using the Herbert 3 column fluid width New Blogger template modified by Stavanger of Blogcrowd Forum. If you want to observe how a visitor with a small screen 800x600 screen resolution view the blog, type or copy-paste javascript:top.resizeTo(800,600) into the address bar at the top of the page of the above blog and press the enter key. The window will be resized to 800x600px.

The template can be obtained from Herbert, Blogcrowd Forum. To copy the template into the clipboard, click inside the codes and press ctrl+A to highlight all the codes, then right-click and select "copy".

Sand Dollar 3 Column fixed width New Blogger Template

Here is an example of a blog using the Sand Dollar New Blogger (formerly beta) template modified to a 3 column fixed width template: Food, Drinks and Recipe.

You can get the template from Blogcrowd forum here: [BLOGGER BETA] Sand Dollar Fixed 3 Column template.

Note that there is no footer. (With the help of Stavanger, a footer has been added to the template. If you want the modified template, email me).

Tic Tac 3 Column Fixed New Blogger Template

Here is an example of a blog using the new Blogger (formerly beta) template modified to 3 column fixed width by Stavanger of Blogcrowd Forum: Articles on Relationship.

The template can be obtained from here: [BLOGGER BETA] Tic Tac Fixed 3 Column template

Tic Tac Blue 3 column fixed New Blogger template

Good Gardening Articles is an example of a blog using the Tic Tac Blue 3 column fixed width New Blogger template modified by Stavanger.

The template can be obtained from Tic Tac Blue 3 column template

Ms Moto 3 column Fixed width New Blogger Template

Here is a blog using the new Blogger (formerly beta) Ms Moto template modified to 3 column fixed width: Pets and Animals

You can get the template from here: [BLOGGER BETA] Ms. Moto Fixed 3 Column template.

Mr Moto 3 column Fixed Width New Blogger Template

Here is a blog using the New Blogger (formerly beta) Mr Moto template (Ellington style) by Jeffrey Zeldman modified by Stavanger of Blogcrowd Forum: Good Education Article.

The template can be obtained from here: [BLOGGER BETA] Mr. Moto Fixed 3 Column template.

Son of Moto 3 column Fixed Width New Blogger Template

Here is a blog using the New Blogger (formerly beta) Son of Moto by Jeffrey Zeldman modified to a 3 column template: Good Business and Finance.

The template can be obtained from [BLOGGER BETA] Son Of Moto Fixed 3 Column template.

Rounders New Blogger 3 column fixed width template

Kids and Teens Articles is an example of a blog using the Rounders 3 column fixed width template modified by Charlemagne Stavanger.

You can get the template from Rounders. To copy the template, click inside the code, press ctrl+A keys to highlight all the codes, right-click and select copy to copy to clipboard.

Rooundes2 New Blogger 3 column fixed width template

Here is a blog using the New Blogger Rounders2 3 column fixed width template by Douglas Bowman modified by Charlemagne Stavanger: World Traveller Guide.

The template can be obtained from Blogcrowd Forum: Rounders2 3 column template

Rounders3 3 column New Blogger template

Here is a blog using the New Blogger Rounders3 3 column fixed template by Douglas Bowman modified by Stavanger: Good Music and Movies.

The template can be obtained from Blogcrowd From at [BLOGGER BETA] Rounders 3 Fixed 3 Column template.

Rounders4 3 column fixed template

Here is a blog using the said template: Site Promotion Tips. It also demonstrate the reversed chronology archive hack where archive is displayed from the oldest to the newest.

Here is where you can copy the template: [BLOGGER BETA] Rounders 4 Fixed 3 Column template

Jellyfish 3 column New Blogger fluid width template

Here is a blog using the Jellyfish 3 column template by Jason Sutter modified by Stavanger: Articles on Marketing.

The template can be obtained from here: [BLOGGER BETA] Jellyfish Fluid 3 Column template

Snapshot Tequila 3 column New Blogger template

Here is an example of a blog using this template modified by Stavanger of Blogcrowd Forum: Good Tips and Tricks.

The template can be obtained from here: New Blogger Snapshot Tequila 3 column template

Snapshot Madder Fixed 3 column New Blogger template

Here is an example of a blog using this template modified by Charlemagne Stavanger of Blogcrowd Forum: Good Legal Information.

The template can be obtained from here: [BLOGGER BETA] Snapshot: Madder Fixed 3 Column template.

Snapshot Sable 3 column fixed width New Blogger template

Recreation and Sport is an example of a blog using the Snapshot Sable 3 column fixed width New Blogger template modified by Stavanger of Blogcrowd forum.

The template can be obtained from Snapshot Sable 3 column New Blogger template

Tekka 3 column New Blogger template

Here is a blog using the Tekka 3 column New Blogger template modified by Stavanger: Cancer Survival Articles.

The template can be obtained from here: Tekka 3 column template.

Denim 3 column fixed width template

Here is a blog using the Denim 3 column fixed width template by Darren Delaye modified by Stavanger: Blogger Articles.

The template can be copied from here: Blogcrowd Templates. The widths of the content width, etc of this template is as follows:

#header {
width: 975px;

#content-wrapper {
width: 975px;

#main-wrapper {
width: 464px;

.sidebar-wrapper {
width: 240px;

There is another blog Enviroman Says which uses the same template, but with the widths modified to accomodate the environmental cartoon. The cartoon size is 622x250 pixels. The widths have been modified to:

#header {
width: 1134px;

#content-wrapper {
width: 1134px;

#main-wrapper {
width: 644px;

.sidebar-wrapper {
width: 180px;

If you want a template with which you don't want to worry about the width of the photos, tables, etc that you post, you should get a template with 2 sidebars on the left and the main content on the right, like this blog: Blogging Ideas. There is a large photo of size 1013x1024 in the blog, in particular, in this post: Dayak Cultural Dance, Malaysia

The 3 column Denim in Stavanger's Blogcrowd site has one sidebar on the left and the other sidebar on the right. If you want the template like the above blog, you will have to email me by clicking on the "Click here to eMail me" link near the bottom of the left sidebar.

Denim Light fluid width 3 column New Blogger template

Furniture Center is an example of a blog using the Denim Light fluid width 3 column New Blogger template modified by Charlemagne Stavanger.

The template can be obtained from Denim Light template

Denim Washed fixed width 3 column New Blogger template

All Wood is an example of a blog using this template.

The template can be obtained from Denim Washed 3 column template

Habor 3 column fixed width New Blogger template

Here is an example of a blog using the Habor 3 column fixed width New Blogger template: Home Business Articles.

The template can be obtain from Blogcrowd Forum.

Dots 3 column fixed width New Blogger template

Here is an example of a blog using the New Blogger Dots 3 column template modified by Charlemagne Stavanger: Good Advertising Articles. Please note that the "Page Elememts" of the right sidebar is partially hidden and the EDIT button is not visible. You can get a screenshot of the Layout from Dots 3 column template Layout. However, after some tinkering, I found that there is a horizontal scrollbar at the bottom of the layout. To get access to the EDIT link, scroll to the right.

The Dots 3 column template can be obtained from here

Also, note that the blog has no Header. For Dots 3 column with header template, refer to Dots 3 column with Header template for New Blogger (click "BACK" button to get back to this page).

Dots Dark 3 column fixed width New Blogger template

Here is an example of a blog using the New Blogger Dots Dark 3 column fixed width template modified by Charlemagne Stavanger: Technology Articles. The remarks for Dots template above also apply to this template.

The template can be obtained from here.

Update 25 March 2007: If you can't see the EDIT link in the right sidebar of the Layout, scroll down the Layout page, you will see a horizontal scrollbar. To get to the EDIT link of the right sidebar Page Elements, just scroll to the right.

More New Blogger templated

Dots New Blogger template with Header
New Blogger templates modified by Ramani
New Blogger templates by Isnaini
New Blogger templates by Thur
Ramani's New Blogger Neo template
New Blogger template by Final Sense
New Blogger templates by BloggerBuster

  NEWER POST    HOME  OLDER POST

Leave a Reply

Related Posts Plugin for WordPress, Blogger...