Thur has created 2 3-column New Blogger templates. One is a fixed width template and one a fluid width template. I will explain later, and also how you can observe the difference.
DownRight v3.0 3 column New Blogger template with all columns fixed
One is the DownRight v3.0 3-column, all columns fixed, width 960px template. You can see an example blog using this template at Articles on Fitness. If you are viewing the blog with a wide screen (most popular is 1024 X 768 screen resolution), you will see the contents fill the whole width of the screen. A visitor with a smaller screen (800 x 600) will see only part of the content and a horizontal scrollbar at the bottom of the screen. To see the rest of the right side of the content, he will have to scroll there. If you are using a large screen, and you will like to observe how the small screen visitor view it, type or copy-pastejavascript:top.resizeTo(800,600)
into the address bar and press the ENTER key. The window will resize to 800 x 600.
I hope you have a traffic counter installed for your template. It can give information about your visitors - from where they come from, what browser or Operating System they are using, if they got to your site, what search terms they used to find your site, the most popular pages, WHAT SCREEN RESOLUTION they are using. If a large percentage are 800x600, you may not like this template because part of your page will be hidden, and to see them, your visitors will have to scroll horizontally. Surfers are often lazy. Unless they are seriously interested in a site, if they don't see the hidden parts, they may not bother and surf over to other sites. This is the reason I use this Hackosphere 3 column New Blogger Minima template as 5-20% of this blog visitors are still using the 800x600 screen, and I don't want to discourage them from coming back. If you are reading this blog, you will probably see white spaces on both side, but not for 800x600 visitors who will find the content fit into their screen just nicely. Further there is this readability study mentioned in this post What is the best template for a blog (click BACK button to get back to this page), which says content corresponding roughly to the width are found to be more readable than wide column.
If you are interested in installing such traffic counter like the one I used and which give me the kind of statistics I want without too much information, try Statcounter. Others use Google analytics which provide a lot of information including many pie charts which I found too much. But I think analytics would be good for those in e-Commerce an using AdWord for their advertising campaign.
If you want Thur's DownRight v3.0 template, you can get it at DownRight v3.0 xml template.
Backing up and changing the template
It is always wise to backup your current template before you edit or change template. Refer to Backing up and changing New Blogger template. Blogger do not backup all Page Elements (widget) and it is likely when you try to save the new template, you will receive the warning "Such and such will be deleted". If not already mentioned in the above post, let me repeat it will be a good idea to edit your Page Element one-by-one, copy the content of the Page Elements into Notepad files and save them. Then when you have changed to the new template, you can put back easily whatever is missing.It will be good if you have a browser with tabbed browsing like FireFox, then you can be in the Blogger page in one tab and in Thur's template page in another. First you will have to copy Thur's template at the download page (click on the page, press ctrl+A to highlight all the template, right-click and select "copy" to save it into clipboard.
To change to the new template, sign into Blogger Dashboard, and in the list of blogs, click LAYOUT in the section for the relevant blog, then click the EDIT HTML sub-tab. This will open the template editor. Click inside the template editor window to highlight all the current template, press the "Delete" button. Then right-click inside the now empty template editor window, chose "Paste to paste what you have copied into clipboard from above into the template editor window. Preview, and if satisfied, click "Save template".
Thur's DownRight v1.4 3 column fluid width New Blogger template
Another template is DownRight v1.4 3-column, main fluid, sidebars fixed template. You can see an example blog using this template at Weight Control Tips. Again, if you are using the wide screen, you will see the whole width of the content. A visitor with a small screen (800 x 600) will also see the whole width of the content, but with the main column squeezed into a narrow column. If you are using a wide screen and want to observe this, type or copy-pastejavascript:top.resizeTo(800,600)
into the address bar and press the ENTER key.
Fluid width template has the advantage of the page automatically adjusting to a visitor's screen resolution, but you have to be careful when putting things like photos, scroll box, etc, to adjust the width to accommodate the 800x600 screen resolution users.
Note the difference in the Google sitesearch box in the two blogs. In Weight Control Tips, I have to make the search box narrower as it uses the main column is fluid width, and wider search box will cause problems when viewed with a small screen (800 x 600) if I make it wider.
If you want to use Thur's DownRight v1.4 template, you can download it here.
The proceedure to change the template will be the same as described above.
Note: The blog using the above template will appear OK in Internet Explorer and Opera, but in Flock, the left sidebar is shifted to the left so that it overlaps the main column. However, this should not be too much of a problem as very few surfers use Flock. Anyway, I put below a screenshot of the blog as it is displayed in Flock:
Hackosphere 3 column Minima New Blogger template
This blog uses Hackosphere 3 column Minima New Blogger template. If you want to know the reasons why, refer to What is the best template for my blog.More New Blogger templated
New Blogger template modified by Stavanger
Dots New Blogger template with Header
New Blogger templates modified by Ramani
New Blogger templates by Isnaini
Ramani's New Blogger Neo template
New Blogger template by Final Sense
New Blogger templates by BloggerBuster
0 comments:
Post a Comment