Guest Author: Tim Stalder
AEGON USA Investment Management, LLC

This week I was making a modification to our team site that I thought might be helpful for others in the SharePoint community.  Especially since Mark is getting ready to head over to the Sharepoint 2010 evolution Conference MMX.

Adding World Clock

This can be easily done with the help of TimeandDate.com and a content editor web part.

First let’s go to TimeandDate.com and set up the iframe that we will use in our CEWP.

Let’s use this format for the example.

Click Other Locations and search for the location you would like.  Step through all of the options and select the display you would like.

You will see what your final display will look like at the bottom right hand corner of the page.

Click Show HTML for clock and then Click Copy to clipboard.

Now once you have the iframe from TimeandDate.com you can put it into a CEWP and display it however you would like.  I have put together some examples within a table:

Really it is up to you on how you would like to present it.  Also you can play around with the HTML to display it different ways.

Here is the HTML code for the above (Date/Time) example:

<center>
<table border=5>
<tr>
<td><center><b>London</b></center></td>
</tr>
<tr>
<td>
<iframe src="http://free.timeanddate.com/clock/i20frauk/n136/fn5/tcddd/bas5/bat6/baceee/pa2/tt0/tw0/td1" frameborder="0" width="263" height="33"></iframe>
</td>
</tr>
<tr>
<td><center><b>New York</b></center></td>
</tr>
<tr>
<td>
<iframe src="http://free.timeanddate.com/clock/i20frauk/n179/fn5/tcddd/bas5/bat6/baceee/pa2/tt0/tw0/td1" frameborder="0" width="263" height="33"></iframe>
</td>
</tr>
<tr>
<td><center><b>Chicago</b></center></td>
</tr>
<tr>
<td>
<iframe src="http://free.timeanddate.com/clock/i20frauk/n64/fn5/tcddd/bas5/bat6/baceee/pa2/tt0/tw0/td1" frameborder="0" width="263" height="33"></iframe>
</td>
</tr>
<tr>
<td><center><b>Los Angeles</b></center></td>
</tr>
<tr>
<td>
<iframe src="http://free.timeanddate.com/clock/i20frauk/n137/fn5/tcddd/bas5/bat6/baceee/pa2/tt0/tw0/td1" frameborder="0" width="263" height="33"></iframe>
</td>
</tr>
</table>
</center>

Simply cut and paste this into a CEWP and there you go.  The other nice thing is that each Date/Time is now a link to weather, etc.

Another nice feature is you can import the iframe information back into TimeandDate.com and modify it over and over.

Guest Author: Tim Stalder
AEGON USA Investment Management, LLC

Tim Stalder is a Sr. Programmer Analyst with AEGON USA located in Cedar Rapids, IA.  He is currently focused on the Sharepoint Dashboard development and the Microsoft BI Stack.  Tim has over 15 years technical experience ranging from Data Management, Data Processing, Report Writing, ETL and Web Development.