Cowndown với JQuery

1. Vào bố cục
2. vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào trước thẻ đóng </head>

<style style="text/css">
.count_down{
padding: 3px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:bold;
color:#f00;
}

.count_down sup{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
font-weight:normal;

}
</style>

<script type="text/javascript" src="http://data.fandung.com/blog/demo/countdown-jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://data.fandung.com/blog/demo/countdown-jquery/countdown.js"></script>

4. Save template
5. Tạo 1 widget HTML/Javascript rồi dán đoạn code bên dưới vào:

<div id="count_down_container"></div>

<script type="text/javascript">
var currentyear=new Date().getFullYear()
var target_date=new cdtime("count_down_container", "December 31, "+currentyear+" 0:0:00")
target_date.displaycountdown("days", displayCountDown)
</script>

- Chú ý đoạn code màu vàng, đây chính là mốc thời gian để đếm ngược. và các tháng trong năm phải viết bằng tiếng anh đúng chính tả.
Nguồn Hiếu mèo blog