Multi Column Template

test

2009-10-22T00:05:00.008+02:00

If you want something to chew on, something that challenges your actuarial brain and associative power, try to solve the next Actuagram.

It's mix of an actuarial crossword puzzle and a cryptogram.

How to play the puzzle:

Click on the word you would like to solve.
Fill in your suggestion, click on OK
Only if you do not know the answer, click on the 'solve button'

Can you manage, without using the 'solve button' ?

Congratulations! Have fun!

[ If your browser doesn't allow you to play here, click on this link]

Actuagram

by Joshua Maggid
EclipseCrossword © 2000-2007

This interactive crossword puzzle requires JavaScript and a reasonably recent web browser, such as Internet Explorer 5.5
or later, Netscape 7, Mozilla, Firefox, or Safari. If you have disabled web page scripting, please re-enable it and refresh
the page. If this web page is saved to your computer, you may need to click the yellow Information Bar at the top of
the page to allow the puzzle to load.

Windows MediaPlayer & Picture

2009-10-16T13:56:00.050+02:00

Simple script to replace a self defined picture of a playing file by the active player.
It can be used on blogs to prevent the appearing of the well known ugly black part of the Windows media Player.

Apply the next script in your blog and replace the image-url, video-url, width and height as you like (click to enlarge).

Example (click on player/image):

Good luck!

Example widgets: Welcome

2008-08-01T09:26:00.006+02:00

The 'Welcome widget' is a general widget you may use in the sidebar of any Blogger blog.

Here is an example:

Welcome on MCT.

This blog is a Blogspot Multi Column Template (MCT) demonstration.

The basic template contains 4 columns and is based on 'new Blogger' widgets. You can easily add (or skip) columns by changing the code.

If you want to know how, read the Introduction or click right here to start.

You may also want to copy this 'welcome message'.
Click here to learn how.
_____________________

Constructive remarks about this blog are welcome at jos.blogspot@gmail.com.

Instructions to create the widget in your own blog:

Download, 'select all', and copy the 'MCT E WELCOME TXT' standard code.
Go to the Layout, "Edit HTML" page of your Blogspot blog.
Click on "Add a Page Element" button in the zone of your choice.
Select a "HTML/JavaScript"widget. Press on ADD TO BLOG.
Paste the copied code in the Content.
Modify the code as you like (e.g. the 'width' of the widget).
Set the Title as you like. Press SAVE.

That's it. Success!

Create PREPOSTTEXT

2008-07-31T23:31:00.007+02:00

You may want to add a special sign before the title of every post (like the integral sign on the MCT posts).

This is how to do this:

Add Javascript GetelementbyClass to your JAVASRIPT widget.
Download, 'select all' and copy MCT EXAMPLES PREPOSTTEXT.
Click on "Add a Page Element" button in the 'Hidden Widgets' zone.
Select a "HTML/JavaScript"widget. Press on ADD TO BLOG.
Paste the copied code in the Content.
Modify the code as you like.
Set the Title to "PREPOSTEXT" (or any name). Press SAVE.

You're ready!

Add a Header

2008-07-31T22:33:00.006+02:00

Now the old Blogger Header (Header1) is not available anymore in MTC, you may want to add a full width picture or any other kind of header on top of your blog.

This is how to do it:

Download, 'select all' and copy the MCT EXAMPLE HEADER.
Click on "Add a Page Element" button in the top zone, right under the 'navbar'.
Select a "HTML/JavaScript"widget. Press on ADD TO BLOG.
Paste the copied code in the Content. Leave the Title blanc.
Modify the code to your own wishes. replace the MTC picture (.jpg) by your own blog header picture. Press SAVE.

Ready, Click on View Blog to view your header.

Build your own MCT

2008-07-31T09:09:00.033+02:00

Here you can read, how to build your own MCT and fit it to your personal needs.
Simply follow the instructions below.

If you want more information about the MCT architecture, please read the Introduction.

New Blog
If you start a new blog, you don't have to worry about the first part, the Preperation, of the instructions. Simply create a new Blog and than skip right to Implementation to implement the new template.

Preparation

Go to the Layout, "Edit HTML" page of your existing Blogspot blog.
Keep the "Expand Widgets" box unselected.
Copy all of your current widget lines (e.g. lines like: <b:widget id="etc..."⁄> ). Save them in a temporary document (or concept mail).

Implementation

I Set HTML

Go to the Layout, "Edit HTML" page of your existing Blogspot blog.
Keep the "Expand Widgets" box unselected.
Select all. Delete all HTML.
Download, 'select all' and copy-paste the MCT BASIC HTML CODE into the blanc text/html area (Don't save yet!)
If applicable: Insert your (old) current widget lines (the ones you copied under 'preparation') at a place in the HTML-table where you want them (e.g in any of the 4 columns). Don't worry too much in which column, you can always change this later on the 'Page Elements' page.

If all (old) widgets are at place, press SAVE TEMPLATE
Don't worry, you'll now get a message:
Widgets are about to be deleted
Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.
- BlogArchive1
- Profile1
- Header1
If there are no other widgets mentioned as these three, you've done well. It doesn't matter if these three widgets get deleted, you can put them back later without any loss of data. If other widgets are mentioned, press CANCEL and paste those widgets in the right place, or, if you don't need them, forget about them and go on.
Now you're ready with pasting widgets, press: CONFIRM & SAVE.

I Style your blog

Now we're going to style the blog. Go to the Layout, "Page elements" page.
Download, 'select all' and copy the MCT STYLES CODE.
Click on "Add a Page Element" button in the 'Hidden Widgets' zone.
Select a "HTML/JavaScript"widget. Press on ADD TO BLOG.
Paste the STYLES code in the Content. Set the Title to "STYLES".Press SAVE.
Add or edit more widgets as you like (profile, archive, etc.).

Congratulations, you're ready. Click on View Blog to en joy your 4 column blog.

Next you may want to learn to add a:

MTC Javascript GetEelementByClass

2008-07-31T08:20:00.001+02:00

Javascript funtion GetEelementByClass.

This Javascript function lets you manage all the style elements of elements with a specific 'class' name.

Add this Javascript to your Javascript library widget called 'JAVASCRIPTS' in the 'Hidden Wigets" zone.

If this library doesn't exist, create it on the Layout, "Page Elements" page as a HTML/Javascript widget.
Copy (or add) the MTC JS GETELEMENTBYCLASS code in the Content.

That's it!

Introduction

2008-07-31T00:32:00.010+02:00

The Multi Column Template (MCT) is a Blogger (Blogpot) template that consists of several columns that you can easily adapt to your own wiches.

This demonstration MCT Blog is, as you can see, based on 4 columns.

It is a fundamental redesign of the original Harbor template by Blogcrowds and based on the so called, non-classic, "New Blogger" design, that works with widgets.

MCT fits the latest versions of Internet Explorer an Firefox.

MCT architecture
The template's architecture is as follows:

HTML
The hart of the template is a simple HTML table that is contained in the Blog's HTML.
All the so called XML style-variables are however deleted. You can do the styling of the blog in a separate included 'non-visible' CSS-widget called 'STYLES'.
Page Header
The 'traditional Page Header Widget' is also deleted, because in most cases you'll want a '100% page width' header (and picture) cover, and that's hard to establish with the traditional Page Header Widget.
Instead you may add as much headers as you like. A new HTML/JavaScript, '100% page width', Header Widget' in the header of the blog can be established that you may customize as you like.
Page Elements
- You can do you style-, lay-out- and widget-management on the "Page Elements" site of your blog.
- If you want to change the number of columns or rows, you can easily adapt the HTML code on the "Edit HTML" page.
- Column and row HTML changes are automatically translated in the structure on the "Page Elements' site (you don't have to worry about that).
Example widgets
In this demonstration blog, a lot of HTML/Javascript snippets are included. You may copy the code of these snippets (by pressing on 'code' in the snippet examples) and paste the code together with your text/code-changes into your personal HTML/JavaScript widget.
News
All news or new (additional) widget-codes are published in blog form. You may comment on them and add codes or links in those comments.