Add a Small Lovely 2010 Asian Games Countdown in Your Site

There is less the one year left for the 16th Asian Games at Canton, 2010. To be a Cantonese, we have our duty to support it with our effort.

I browse the official website of 16th Asian Games (http://www.gz2010.cn/en) which obviously found by the support of NetEase. In my opinion, this website is quite well and enough “official”. Maybe that is the reason why many web design fans blame it as no creation and passion. But integrally speaking, it’s quite simple(simple is the best) and has enough function as a news issue website.

The most attractive  thing caught my eyes is not those news and pictures, but a lovely countdown flash on the top of sider bar. It’s a small flash animation with a funny cartoon dragon board keeps rowing forward.

As I am so loved with this small flash animation, I decided to “steal” it to the side bar of my site. 😈
After checking the source code in firebug, I found that piece of code quickly:
<div><object id="Player1258246398430" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
      width="257" height="136" 
      codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
              <param name="src" value="http://swf.news.163.com/2010/yayun/lh/countDownEng.swf" />
              <param name="wmode" value="transparent" /><param name="quality" value="high" />
              <embed id="Player1258246398430" type="application/x-shockwave-flash" width="257" height="136"
                          src="http://swf.news.163.com/2010/yayun/lh/countDownEng.swf" 
                          quality="high" wmode="transparent">
               </embed>
</object><a title="www.gz2010.cn/en" href="http://www.gz2010.cn/en"></a>
</div>

PS: Remember to resize the width and height if you want to fix it into your site. And the value of width and height in the param tab is very important if you want it work perfect for Opera user.

At last, if you wanna use a Chinese version, just change

value=”http://swf.news.163.com/2010/yayun/lh/countDownEng.swf”

into

value=”http://swf.news.163.com/2010/yayun/lh/countDown.swf”

Then you will see :

If you use Worprss blog, it’s very easy to add this code in the “Widgets” Setting by adding a Text widgets and copy into it. That’s all 😉

Nov 15th, 2009 | Posted in Technique
  1. Anonymous
    Nov 15th, 2009 at 10:31 | #1

    😆 nice stealing skill~~~ i want one too, but i don’t have the worldpress

  2. Nov 15th, 2009 at 10:41 | #2

    @Anonymous
    Nothing related with WordPress, any code input that supports HTML will make it work.

  3. Nov 28th, 2009 at 22:33 | #3

    COOOOOOOOL!!!><
    I take it~~~~~

  4. Nov 28th, 2009 at 22:59 | #4

    @kathyyxu
    Just take it~~ I am thinking about how to put this cute flash via a more grace way to pass the xhtml test…

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Note: Commenter is allowed to use '@User+blank' to automatically notify your reply to other commenter. e.g, if ABC is one of commenter of this post, then write '@ABC '(exclude ') will automatically send your comment to ABC. Using '@all ' to notify all previous commenters. Be sure that the value of User should exactly match with commenter's name (case sensitive).