Hotbar - Free emoticons, ecards, wallpapers, skins & weather forecast

Creating a Hotbar Skin Center is so easy!
A. Design skins or choose skins from our list
B. Cut and paste our ready-made code into your web page.

A. Design and Upload skins to your site

If you don't want to design skins, you can choose some of Hotbar's skins
available in our Webmasters Skin Selection. To design skins, follow these
directions:

1. Create a Skin in bmp file format

These skin design tips will help you design YourSkin.bmp
Important: Give your skins unique file names that contain
your site's domain name. Example: hotbar2.bmp

2. Convert your bmp skins to xip files

For a skin to work the best, (fastest) it should be compressed to
a xip format. Click xip.exe to download a utility that will compress
your bmp files into xip files.

After downloading the xip.exe applications, open the program
(by double clicking the icon). A xip window will open.

Drag YourSkin.bmp file into the opened xip window.
Skins MUST be in bmp format!

The xip.exe will generate for you a YourSkin.xip file in the same
folder where the original bmp was located.

B. Create pages for your Skin Center

To create your Skin Center please cut and paste our ready-made code for the following four elements into your website page. If you wish to take a look at some of the Skin Centers that other Hotbar users have created click here.

1. Default Settings

Default Settings will determine the skin and page that loads when a
new user first gets a Hotbar skin. Into the head of your html page,
(in between the <HEAD> and </HEAD> tags found at the top of your
html page) copy and paste this code to load your Skin Center's default
settings.

Code:

<SCRIPT LANGUAGE="javascript" FOR="hb" EVENT="OnDownLoad">
     onDL();
</SCRIPT>

<SCRIPT LANGUAGE="javascript">
     DefaultSkin = "MyDefaultSkin"
     NextUrl = "MyDefaultPage"
     ToolbarID = "MyToolbarID"
</SCRIPT>

(a) Replace MyDefaultSkin with the complete URL path and filename of one
of your skins. Example: http://www.mysite.com/myskin.xip

(b) Replace MyDefaultPage with your web page's complete URL.
Example: http://www.mysite.com/mypage.htm
(Specify the page that you want users to arrive at after receiving a
skin by email.)

(c) Only if you have previously created your own toolbar then replace MyToolbarID with your own toolbar ID.
If you haven't created your own toolbar then leave as is.

2. Hotbar Technology - Our design

If you have previously registered to our "Affiliate Toolbar Program" and created your own affiliate toolbar and your page already contains HTML code to install your affiliate toolbar please skip this section and jump to point 3.

In order to place the technology necessary to run your skin Center,
copy and paste the following code into the BODY of your html page:

Code:

It will look like this:

in Explorer

3. Your Skin Preview image - Your Design

To present your skins to your users on your web page, copy and paste
the following code into the BODY of your html page. Be sure to
replace MySkin and MyPreview with your actual path and filename.

Code:

It will look like this:

Replace:

(a) MySkin with the complete URL path and filename of the skin xip file.
Example: http://www.mysite.com/myskin.xip

(b) MyPreview with the complete URL path and filename of the skin
preview gif (or jpg). Example: http://www.mysite.com/mypreview.gif

4. Send Skin button - Yours or Our Design

To enable users to send skins to friends and family from your site,
copy and paste the following code into the BODY of your html page.
Be sure to replace MySkin with the actual path and filename of your
skin. (This feature will bring you lots of new users!)

Code:

Replace:
MySkin with the complete URL path and filename of the skin xip file.
Example: http://www.mysite.com/myskin.xip

It will look like this: (if you use our design)

For questions please contact our Support Center.