Trick to get Life Date and Clock at your site

Sunday, August 31, 2008
Posted by Takumi 86


clock
Sometimes when your reader see your site, we must put some interesting widget to makes them happy, there are many widget out there which you can grab it for free But how if we can make our own "Widget" by using Javascript only?!

The following instructions will teach you how, so pay attention :)

1st. we need a script

You can put this link on your site before head tags -

LiveClock Javascript

Remember to copy the link only and not the content inside, unless if you prefer to copy paste that into your own host

2nd. We need to load it using this script

[div id="clock">
[script type="text/javascript">showdate();
[/div>

You can place that in every corner or section you want

Last step, you need to make CSS for it

go to Layout > Edit HTML (no need to expand it)

then find these code

]]>

after that add these CSS Style script above that code

#clock {
width:auto;
height:auto;
float:left;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin-left:6px;
margin-right:6px;
margin-top:4px;

And there you have it !

More script to make rotation and other thing like this can be found in Dynamic Drive


Attention! To make the works, please replace [ with <



If you like my post, please subscribe to my RSS feed!



Labels: