HTML Custom Template Tutorial
This brief tutorial describes how to make and use a Kudo custom HTML template. The Kudo HTML Export tool will use the custom template file to automatically add thumbnail images and named links to larger screen size images. Although most will use images, any Kudo-supported file type can be linked to your custom HTML page. Some UNIX servers are unable to support filenames with certain characters (spaces, (~) the "tilde", and others); be sure that files to be uploaded to a web server use names legal for that server.
A common HTML page looks like this:
*********************************************************************************************
HTML PAGE BEFORE CONVERSION TO CUSTOM TEMPLATE:
*********************************************************************************************
Imspace Systems Corp.
Imspace Systems Corporation
Check all our new products and promotions, please visit our WebPage:
http://www.kudo.com
page # 1
next page
This webpage was automatically generated using KudoŽ catalogs
from Imspace Systems Corporation.
To learn more about this technology please contact us at:
http://www.kudo.com
**************************************************************************************************
To convert the above HTML page to a Kudo template, 8 simple replacements have to be made:
1.- Replace ALL the original image path references with the word IMAGEPATH, all UPPER case.
i.e. converts to
2.- Replace ALL the original thumbnail path references with the word THUMBPATH, all UPPER case.
i.e 
converts to
3.- Replace ALL the original image name references with the word IMAGENAME, all UPPER case,
follow by the image number. This number corresponds to the order the images are laid out
in your Kudo catalog, this number will go from one to the number you entered as
images per page. If you entered 12, you will have IMAGENAME1 thru IMAGENAME12.
i.e. converts to
4.- Replace ALL the thumbnail name references with the word THUMBNAME, all UPPER case,
followed by the thumbnail number. This number should be the same one you used for the
image so THUMBNAME1 corresponds to imagename1, and as in the image case, will
go from one to the number you entered as images per page.
i.e. converts to
5.- Replace ALL the thumbnail "width=" numbers and "height=" numbers with the word THUMBWITH, and THUMBHEIGHT all UPPER case, follow by the thumbnail number, as shown earlier, and as in previous cases, will go from one to the number you entered as images per page.
i.e. converts to
6.- If you are using other image information as: image byte size, and/or image notes,
replace all references to them with the words IMAGESIZE, and IMAGENOTES, followed by
the corresponding image number, so the line: carbon1.png
87591 Bytes will convert to:
IMAGENAME1
IMAGESIZE1 Bytes
7.- You can insert the page number by inserting the word PAGENUMBER were you want
this information to go. i.e. the line page # 1
converts to
page # PAGENUMBER
8.- Lastly, you can insert the next html page reference by inserting the word NEXTPAGE were you want
this information to go. You need to mark the whole string from when it starts, with the word PAGESTART to where it ends, with the word PAGEEND so the line:
next page
converts to:
PAGESTARTnext page
PAGEEND
of course, the program will NOT insert this entry on the last html page.
That is all there is to it, The new custom template should look like the CUSTOM.HTM file in the KudoIMS5/Program directory..
converts to