Bước 1: Thêm CSS

.11o2-time{text-align:center;}

#11o2-hour{font-weight:400;display:block;font-size:30px;margin: 0 0 5px;letter-spacing:5px;}

Bước 2: Thêm javascript get ngày giờ

Bước 3: Tạo 1 widget HTML và chèn code sau vào:

 <div class="11o2-time">

  <span id="11o2-hour"></span>

  <span id="11o2-date"></span>

</div>

Bước 4: Lưu lại và tận hưởng thành quả!

CÁCH 2: Tạo 1 widget HTML và chèn code sau vào:

<div class="11o2-time">

  <span id="11o2-hour"></span>

  <span id="11o2-date"></span>

</div>

<style>

                   .11o2-time{text-align:center;}

                   #11o2-hour{font-weight:400;display:block;font-size:30px;margin: 0 0 5px;letter-spacing:5px;}

</style>

<script type="text/javascript">

    var myVar = setInterval(function() {

        myTimer()

    }, 1000);

    function myTimer() {

        var d = new Date();

        var t = d.toLocaleTimeString();

        document.getElementById("11o2-hour").innerHTML = t;

    }

    n = new Date();

    if (n.getTimezoneOffset() == 0) t = n.getTime() + (7 * 60 * 60 * 1000);

    else t = n.getTime();

    n.setTime(t);

    var dn = new Array("Chủ nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7");

    d = n.getDay();

    m = n.getMonth() + 1;

    y = n.getFullYear()

    var date = dn[d] + ", " + (n.getDate() < 10 ? "0" : "") + n.getDate() + "/" + (m < 10 ? "0" : "") + m + "/" + y;

                   document.getElementById("11o2-date").innerHTML = date;

</script>