Layout with HTML Table

HTML table for template is abandoned, long long time ago.... But some designers still use this technique. Below are shorcuts for layout using HTML table:

-align, make your table align. value: center, left, right. this blog uses align="center" to make it centered.
-width, the width size of table. value in number
-min-width, minimum width of table. value in number
-min-height, minimum height if table. This blog use 600 for minimum height
-cellpadding. distance from cell in table to its contents.
-cellspacing, distance between cell in table.
-border, size of table border. This blog uses border="1". You may use border="0" to make border disappear.

Its OK to insert table in another cell table. Example:
<table>
<tr>
<td>
<table><tr><td></td></tr></table>
</td>
</tr>
</table>

View source code of this blog to view full example how to use HTML table for layout.

Web design in 90's

I am very very bored by blog design, its all wordpress-look-alike. They call it modern design, with large font, a lot off icon loading content. Hmmm, I miss 90's :).

I create this template to take me back to 90's era. Remember... when width very narrow, then page become too tall. Color is very 'strong', red, yellow, blue.... Menu on left and right sidebar.

Then came Adobe's Flash. All website became too slow to be loaded. And web designer became 'too creative' too :). Event they created website in full Flash.

Typical 90's website design.

You may go to http://www.archive.org/ to find your favorite website in 90's style.

Blogger template tutorial

This is test post on blogger template tutorial. In this example blog, we use table for content positioning.

By following this tutorial, you know how to asign blogger

tag to a layout in HTML template. We have four section here: header, main-content, sidebar and footer. You may asign it become <b: section class="header" id="header-inner" > and so on.

To dinamycaly data from blogger, such as post, label, recent post, we use tag. On Blogger's Page elements, it will appear as Add gadget area. Each area will be stylized according to where this widget placed. For example, you put a Link list widget on <div id="main-menu">, it will be stylized according to your CSS #main-menu {style}.