In this tutorial we will be learning how to add different time zone clocks to you League page. I have done the html coding for you. So watch out for the links during this tutorial.

Go to Clock Link.com and once on the website click on Analog which is found on left side of the page.

Now choose the clock you want to have and click on View HTML Tag underneath the clock you have chosen. This will open a new page.

Now click on Accept and this will open a new page up.

Now select the time zone you want to have.
The time zones across America are as follows:
EST - Eastern Time (Tourney Time),
CST - Central Time,
MST - Mountain Time
and
PST - Pacific Time.

To save you some time I have done the html coding for you. Just click on what sort of table you want.

It will download the HTML code to your PC/Laptop. Just click on either button below. I am going to be using the code with borders.

Now this is how you edit the coding. Now highlight #Colour Code Goes Here and paste your colour code in its place. Please make sure you do all of them. There should be 4 of them one for each clock. If using the coding without borders then you have only got your font colour to do. Do this for all your clocks.

Now highlight Clock Html Code Goes Here.

Now go back to the Clocklink website. Now highlight the HTML Coding and do a right click on your mouse and copy it. Now back to the Clocks HTML code that I gave you. Now right click on your mouse and then click on Paste. Now repeat Steps 8 and 9 for the rest of the clocks.

Now if using the clocks on Front Page Top Right or Front Page Bottom Right you will need to change some of the coding but it is easy to do. Now in the coding look for Width and Height and just change the numbers after Width and Height. The Width and Height for Front Page Top Right or Front Page Bottom Right is 100 and for Front Page Top the size is 200.

Now login to your Admin Centre.

Now look for Edit Modules and click on it.

Now look for Front Page Top and click on it. Please remember this is only an example and you can put your clock on either Front Page Top Right or Front Page Bottom Right also.

Now make sure your editor is active by click on where page preview is and now click on Toggle Html Source.

Now look for this line <!-BEGIN SHOUTBOX --> in the HTML Coding. Now move this down by one line by clicking on the page by < and hitting the Enter key on your keyboard. Now put you cursor where the blank line is. Now highlight the HTML Coding on your Notepad or WordPad. Now do a right click on your mouse and then click on Copy.

Now right click on your mouse and then click on paste.

Now click on Toggle HTML Source.

This is what it should look like on the page. If you used the HTML Clocks Without Borders you will just see the clocks in place.

Now click on Save.