Embedding Analog Clock on Websites


I was seeking for the codes, with them I could embed an analog clock on my sidebar of my blog. With my Blogpost blog it was pretty easy, but it was pretty hard to embed the analog clock on my WordPress blog.

Now I have found the codes, you may now give it a try. The codes I have written below are from World Time Server.com.

Object HTML codes

For 24 Hours Clock
<table border=”0″ cellspacing=”0″ cellpadding=”0″><tr><td align=”center”><script type=”text/javascript” src=”http://www.worldtimeserver.com/clocks/embed.js”></script><script type=”text/javascript” language=”JavaScript”>objNP = new Object;objNP.wtsclock = “wtsclock024.swf”;objNP.color = “000000″;objNP.wtsid = “NP”;objNP.width = 100;objNP.height = 100;objNP.wmode = “transparent”;showClock(objNP);</script></td></tr><tr><td align=”center”><h2>Kathmandu</h2></td></tr></table>
For 12 Hours Clock
<table border=”0″ cellspacing=”0″ cellpadding=”0″><tr><td align=”center”><script type=”text/javascript” src=”http://www.worldtimeserver.com/clocks/embed.js”></script><script type=”text/javascript” language=”JavaScript”>objAT=new Object;objAT.wtsclock=”wtsclock001.swf”;objAT.color=”000000″;objAT.wtsid=”AT”;objAT.width=100;objAT.height=100;objAT.wmode=”transparent”;showClock(objAT);</script></td></tr><tr><td align=”center”><h2>Vienna</h2></td></tr></table>

Embeded HTML codes

For 24 Hours Clock
<table border=”0″ cellspacing=”0″ cellpadding=”0″><tr><td align=”center”><embed src=”http://www.worldtimeserver.com/clocks/wtsclock024.swf?color=000000&wtsid=NP” width=”100″ height=”100″ wmode=”transparent” type=”application/x-shockwave-flash” /></td></tr><tr><td align=”center”><h2>Kathmandu</h2></td></tr></table>
For 12 Hours  Clock
<table border=”0″ cellspacing=”0″ cellpadding=”0″><tr><td align=”center”><embed src=”http://www.worldtimeserver.com/clocks/wtsclock001.swf?color=000000&wtsid=AT” width=”100″ height=”100″ wmode=”transparent” type=”application/x-shockwave-flash” /></td></tr><tr><td align=”center”><h2>Vienna</h2></td></tr></table>

For 24 and 12 Hours Dual Clock
<table border=”0″ cellspacing=”0″ cellpadding=”0″><tr><td align=”center”><embed width=”90″ src=”http://www.worldtimeserver.com/clocks/wtsclock001.swf?color=3333ff&wtsid=NP” height=”90″ wmode=”transparent” type=”application/x-shockwave-flash”/></embed></td><td align=”center”><embed width=”90″ src=”http://www.worldtimeserver.com/clocks/wtsclock024.swf?color=FF3333&wtsid=AT” height=”90″ wmode=”transparent” type=”application/x-shockwave-flash”/></embed></td></tr>
<tr><td align=”center”><h2>Nepal</h2></td><td align=”center”><h2>Austria</h2></td></tr></table>

 

Advertisements

~ by wienmandu on September 2, 2008.

8 Responses to “Embedding Analog Clock on Websites”

  1. Hi Mandu, i am an amateur blogger and have been trying to embed the analog clock on my wordpress blog but failed.

    I went to widget, select add “text” and pasted the html code on it but only the name of the city and country appear on my blog. Did i follow the right procedure? Please advise.

    Thanks so much

  2. Hey, you just got me out of a challenge from my friend. Thanks Wienmandu. Nice to meet you in the blogsphere.

    http://www.lasithasilva.wordpress.com

  3. is it works? WP.com blocked the javascript and this code use javascript.

    Wienmandu : You’re right WP doesnt accept javascript codes, thats why it is not possible to embed till date. But other blogging providers like blogger.com / blogspot.com and some other do accept them. I have used this in one of my other blogs. Check it out NESAS-AUSTRIA.

  4. Great idea, but will this work over the long run?

    Wienmandu : Definately, these operate by the html or javascript codes. If you wanna see an example visit a Vienna, Austria based Nepali site NESAS, Austria.

  5. Similar clocks on http://www.worldtimeserver.co (.co not .com), but better.

  6. Hello,

    I wanted to share analog clocks I have found at http://www.xorbin.com, they even have made wordpress plugin.

    Good luck

  7. I’m truly enjoying the design and layout of your website. It’s a very easy on the eyes which makes it
    much more enjoyable for me to come here and visit more often.
    Did you hire out a designer to create your theme? Superb work!

    • Hi,
      No sir, i have not hiered anyone for this. I have used one of pre-designed template and I added some components by myself.
      thanks for liking it.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: