Sunday, April 01, 2007

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

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

53 comments:

  1. Anonymous1/01/2007

    Thanks for stopping by my Sunflower blog and supporting me!
    Welcome back anytime.

    Happy Healthy New Year!


    I will Exercise for Comments!
    Sunflower

    ReplyDelete
  2. Hi Peter

    I moved my blog to the new version of Blogger a few weeks ago, but still use the old classic template.

    I want to seriously make some changes now to my blog regarding some of the things I have in the side-bar. I want to concentrate more on affiliate programming.
    Q: - Is it wise to make too drastic changes to your blog at once?

    At the moment my visitor count is really down and the only reason I can think of is because I did not post regularly during January.

    I also found the 3 column template thanks to your post about it and would really like to use it, but then I will have to re-do my customizations.
    Q:- A good time to change things on my blog??

    If you have time, I would really like to hear your comment on this?

    Thanks for always giving such good advice, I have incorporated many of the things I read on your blogs, into mine.

    Keep well

    Elsie from South Africa

    ReplyDelete
  3. Hi Elsie,

    I think anytime is a good time to make changes. I hesitated at first, because of impending migration to New Blogger but went ahead and added stuff, knowing that whatever changes I made will still be saved under the "previous classic template".

    I have migrated and the migration was smooth, fast, no horror story. I still keep some of the blogs in the old classic template.

    There are also many New 3 column templates. See post 3 column template for Blogger Beta (now New Blogger and New Blogger 3 column templates modified by Stavanger.

    Peter a.k.a. enviroman
    Enviroman Says

    ReplyDelete
  4. Forgot to add, there is always this "Download Full Template" for backing up your customization each time you make some changes.

    Peter a.k.a. Enviroman
    Enviroman Says

    ReplyDelete
  5. Thanks Peter
    I have decided to upgrade, but will first experiment with my "test blog" which I have to try out new things.

    I tried the 3 column template (Son of Moto) which I downloaded from Blogcrowds, but maybe I picked the Beta one, because it only gives me a wide two column template, not like yours in your post.

    My next question is not relevant to the topic, but maybe you can also give advice.

    Readers (in the UK) of my blog http://ezi-edible-gifts.blogspot.com have difficulty in viewing the whole blog, they only see the last 3 posts and the top side of the sidebar.

    I have asked for help in the Group Help, but was wondering if I could also write to Blogger Support for some help.

    I have no problem viewing and posting.

    Would like to hear from you on this one please

    Thanks

    Elsie

    ReplyDelete
  6. You said you have no problem viewing it, so it cannot anything with your blog. The possibility that I can think of is his browser is slow in opening up the page fully. Ask him to try using another browser to view.

    Peter a.k.a. Enviroman
    Enviroman Says

    ReplyDelete
  7. Thanks for sharing the links. I'm looking for 3 column templates right now.

    ReplyDelete
  8. Thank you so so so so so so so much.

    ReplyDelete
  9. Hi Peter,

    I am thinking of using the Minima 3 column fixed width New Blogger template as modified by Stavanger.

    I would like to change the width of the left and right sidebars but somehow i failed to find the codes that relate to these sidebars where i can make changes to the width.

    Would appreciate it if you can show me around how to go about doing this.

    Thanking you in advance.

    ReplyDelete
  10. .sidebar-wrapper {
    width: 210px;
    float: left;
    margin:0px 10px 0px 0px;
    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 */
    }

    But other related widths may have to be changed as well. Stavanger provides support for his template at his forum. Google for blogcrowds forum

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  11. Hi again Peter,

    That was a superquick reply Peter. Really appreciate that.

    I guess I did not make myself clear on what I had wanted to do. Actually I intend to have varying widths for the 2 sidebars, say 150 px for the left sidebar and 330 px for the right sidebar.

    I really don't know how to juggle around the codes that you had just shown me.

    ReplyDelete
  12. Thanks...Thanks...(Sorry, my english is one shit) The tamplate of Minima Black save my life. Thanks

    ReplyDelete
  13. Hi Peter,
    Your templates look great, man. My blog is Rounders 3 so i just want to use your 3 column template, but it seems that your 'rounders 3 template' seems dont work correctly(look at left panels round edges). Is there any way to correct this? One more thing, i looked at this template by opera browser. So i switched to msie, page looks even worse! (right panel goes below of the left panel)
    Please help

    ReplyDelete
  14. Rounders 4 i mean (sorry for typo)

    ReplyDelete
  15. Hi Yankizulu,

    I am afraid I have some difficuties in understanding your question. Are you saying the template don't work? I have provided a demonstration blog with the template - Good Music and Movies and the blog looked OK in IE, Firefox and Opera.

    Or are you saying it is not working for your blog? If so, you should have provided a link to the blog.

    Or perhaps you are saying the sidebar have been pushed to the bottom of the page. If so, you should refer to this post to troubleshoot the problem - What to do. Sidebar slide to the bottom of the page.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  16. Hi YankiZulu,

    Just read your second comment. I have also a demonstration blog for Rounders4 - Site Promotion Tips which also looks OK in all 3 browsers. The same comment as above apply.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  17. Hello again, Peter
    I have prepared some pictures, so please take a look and tell me whats wrong. Also could you please take a look at http://site-promotion-tips.blogspot.com/ in an virtual machine or another computer? I still see your corner problem, maybe your browser cache looks fine to you.

    Corners on Opera 9.20:
    http://img71.imageshack.us/my.php?image=operanq3.jpg

    Corners on Msie 6:
    http://img122.imageshack.us/my.php?image=ie1il0.jpg

    'Where is right panel' problem in Msie 6:
    http://img357.imageshack.us/my.php?image=ie2zw8.jpg

    See ya

    ReplyDelete
  18. Hi YankiZulu,

    I will check later. I have to finish up some task first.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  19. Hi Peter,

    Your site is very helpful - I looked at your Rounders 4 and was hoping to use the 3 column version but keep the image in the background of the header...is this possible?

    Thank you!

    ReplyDelete
  20. Hi,

    What graphic? There aren't any graphic that come with the template as you can see form this demonstration blog Site Promotion Tips. If you are intending to add a graphic to the header, maybe you can refer to this post: Adding graphic background to the New Blogger Header.

    Peter (Blog*Star 2006 and 2007)
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  21. Hi peter.. im writing my comment here.. i want to remove as shown in the pic
    http://bp3.blogger.com/_2MKtD8ipGf8/Rk0-SeoblBI/AAAAAAAAAzw/4_pZbPdlhAI/s1600-h/Untitled-1.jpg
    Please guide me.

    Thank you
    Regards
    Moses

    ReplyDelete
  22. Hi Moses,

    I doubt it is possible. Why? I don't see any problem.

    If you still want to try, you should try to contact Charlemagne Stavanger. He has a forum and he does offer support. Click on the links in this post and it will lead you to his site and you should see a link to his forum.

    Peter (Blog*Star 2006 and 2007)
    Testing Blogger Beta (now New Blogger)

    ReplyDelete
  23. Hello;
    I just downloaded the modified denim template.
    I have one problem with it: when I try to upload a picture into the header, this doesn't "work" - although I get the picture upload/done message, the header background remains denim colored.
    Do you have any suggestions?
    Thank you thank you thank you!
    GirlDoes.Tokyo at gmail dot com

    ReplyDelete
  24. Hi British Gal,

    I tried

    #header {
    margin: 5px;
    background: url(picture URL);
    border: 1px solid $bordercolor;
    text-align: center;
    color:#FFFFFF;
    }

    but it didn't work. Sorry.

    Anyway, how did you get Stavanger's template? I checked the link, it was to his old site where you have to sign-up and log-in to get the template. He has made that available to moderator only. Initially, when he told me he want to take the site off, I said it will lead to dead links in my post and he agreed to leave it alone. Looks like he changed his mind without informaing me. Anyway, I have changed the link and I will like to know how you got the template.

    Peter (Blog*Star 2006 and 2007)
    Testing Blogger Beta (now New Blogger)

    ReplyDelete
  25. Thank you for your message and thank you for trying.
    I downloaded the template from Blogcrowds (I am pretty sure I clicked the link on your site).
    I ended up not using the modified template - I want a header, but I still want three columns!
    Thanks again
    G

    ReplyDelete
  26. i love this 3-column format! i do need to make the first left column about two spaces wider. how can i do that?

    please email me back at blugardens@hotmail.com


    thanks!

    ReplyDelete
  27. Hi Bluegardenia,

    See if this post helps:
    Change width of main column and sidebar/s. You may need to do some calculations, etc so the width of the main column plus the width of the sidebar/s do not exceed the total width of the blog.

    And it may be helpful to read this when tampering with the template:
    Backing up and changing New Blogger templates

    Changing New Blogger templates.

    And please do not ask me to respond via email. Copy the URL of the post and paste it into Notepad file and save it to a "To do" or "To check" folder.

    Peter (Blog*Star 2006 and 2007)
    Generating Revenue from your Website

    ReplyDelete
  28. Hi, thanks for the three column template! How do I change the header to an image after I save the template? Seems like I can't do it with Blogger "Page elements", "edit".

    ReplyDelete
  29. Hi Lee,

    "Seems like I can't do it with Blogger "Page elements", "edit"."

    Yes you can. Click EDIT on the Header Page Element. Some of my posts on graphics in the header:

    Adding graphic background to blog Header

    Adding graphic to blog Header

    Another way to add graphic to your blog Header

    Add graphic to the blog Header the easy way

    Creating a simple graphic for the blog Header using the free Irfanview

    How to adjust the height of the Header with graphic as the background

    Peter (Blog*Star)
    How you can help Blogger Tips and Tricks
    (no one should feel obligated. Everthing completely voluntary)

    ReplyDelete
  30. hi peter, i have been reading your blog for quite some time. i am just trying to convert my blog http://usmlerockers.blogspot.com into a three column one (rounders 2). have you mentioned any where in your blog how to save the widgets in the sidebar of the current template while we switch to a new template? if yes, could you plz give me the link?

    ReplyDelete
  31. Thanks!ur sight is very helpful!

    more blessings to you!

    ReplyDelete
  32. Thanks for sharing links, Peter. Now I am using three columns template Green Marinee. And I like it very much. Thanks again

    ReplyDelete
  33. I need your help. I downloaded a three column template but it is not showing my picture in the header. Have I done something wrong. I think you're site is awesome but I can't seem to find the answer.

    ReplyDelete
  34. Hi Hunky Dori,

    Sorry about responding so late, but reasons given at Why your comments and emails are not getting prompt response: Apologies.

    Anyway, you need to describe your problem in greater details for us to understand what it is all about. See Asking for help tips.

    Peter Blog*Star
    Blogger Dough
    (Blogging helped my put 2 sons through college on my pension and if not for blogging, I would have been in financial difficulties. We want to help you do the same)

    ReplyDelete
  35. Hi, you left a comment in my mail box about having trouble downloading a three dimensional template. Let me know what you were trying to download it may be a case of sending it to you. Thanks for the visit.Graham from www.logo-n-stitch.co.uk.

    ReplyDelete
  36. Hi Graham,

    Visited your website
    http://www.logo-n-stitch.co.uk/
    but it is all about sports wear

    I can't remember seeing anyone with 3-D template. You have one? I am always interested in templates. Just tell me where you have examples and places where they can be downloaded and I will try myself. Will get back to you if I cannot get it.

    Peter Blog*Star
    Blogger FAQ (Frequently Asked Questions_
    (Blogger FAQ in progress. More will be added as I have the time)

    ReplyDelete
  37. Hi

    Thank you firstly for uploading the 3 dots 3 column template - it was areal help. I did have to save it a couple of time but it worked in the end.

    I uploaded a header image but for some reason it has shifted to the right by about 50px, is there a way to correct this as it does not sit over the 3 columns and looks like a mistake.

    Your help is much appreciated.

    Zahid

    ReplyDelete
  38. Hi Zahid,

    Will like to help but there are 70 comments waiting for me to moderate and your problem will take too long to check. Try Blogger Help Group

    Peter Chen Blog*Star
    Dream Driven Life(TM)

    ReplyDelete
  39. For some reason the links to the preview of the layouts are not working. Do you have a suggestion?

    ReplyDelete
  40. Hi Lanelle,

    Try using a different browser or clearing cache and cookies

    ReplyDelete
  41. Hi Peter!
    Great blog you have here :)
    I've got a Q I'd like to ask you...how do I change my current 3-column Rounder template to a full screen layout (a.k.a. Holy Grail 3-col layout)?
    I really want to maximize my center column but I have no idea how.
    Please help...!
    Thanks so very much!

    ReplyDelete
  42. I am not an expert in templates and I am guessing you want a fluid width template which width expand and contract with the screen size of visitors. For fluid widths, you will have to specify the width in percentage terms like

    #main-wrapper {
    margin:0 0 0 20px;
    width: 50%;
    float: left;
    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 */
    }

    ReplyDelete
  43. Hi there, thanks for your helpful articles! I've managed to add 3 columns to my blog!

    However, now with the widescreen youtube videos, my centre column is not wide enough is fit it in! I have tried to extend the centre column but to no avail! My right hand column always seems to shift right to the bottom of the page. Any assistance would be greatly appreciated! Thank you!!

    ReplyDelete
  44. You can either resize the videos (search "video" with the Google custom search at the top of the main column of this blog) or refer to embed Youtube video etc.

    or use 4 column template which has a main column of 450 pixels which is wide enough for the videos

    ReplyDelete
  45. Thanks for your help Peter!

    ReplyDelete
  46. Don't know why but your hyperlinks aren't working, so I cannot see the examples, such as http://redirect.alexa.com/redirect?good-music-and-movies.blogspot.com/

    ReplyDelete
  47. Thank you very much for alerting me to this problem which need fixing. I will immediately fix them now.

    ReplyDelete
  48. Those errors were due to redirects which have been removed and those links should be working now. If there is still problem, please do let me know. And thanks.

    ReplyDelete
  49. I am having the same issue as YuJing, where I have had absolutely no luck in getting ThisAway Blue to steadily hold the YouTube widescreen videos. The more I try to alter column sizes, the worse everything gets. Help?

    ReplyDelete
  50. You will notice that the the blog Header has rounded corners and the sidebar has background graphics. These may present difficulties when you try to edit the widths. I will need to do some testing. Bug me if I take too long.

    ReplyDelete
  51. Hii Peter..
    I am in a fix and can not find a solution...the point is i want to put in some videos as a part of a elearning program and i want to create a forum where in clients can get username and password and watch d vids ans post comments...mayb this sounds like a forum but then how to have one..nabble is an option but does it supports vid forum..is thr a way around....

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics