I. GIỚI THIỆU
Widget Time là một khung đồng hồ số, tăng thêm tính năng và thu hút người đọc trên website của bạn, bài viết này mình sẽ hướng dẫn các bạn cách để tạo Widget Time trên Blogspot.
II. CÁCH TẠO WIDGET TIME CHO BLOGSPOT
Các bước thực hiện:
- Bước 1: các bạn Copy đoạn Code bên dưới
- Bước 2: truy cập trang quản trị Blogspot của bạn
- Bước 3: nhấp vào tuỳ chọn BỐ CỤC
- Bước 4: chọn nơi để hiển thị nhấp vào New > HTML/Định cấu hình HTML/JavaScript > Paste đoạn Code vào
- Bước 5: lưu lại và xem kết quả thôi.
Code:
<center><script>var myVar=setInterval(function(){myTimer()},1000); function myTimer() {var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("h").innerHTML=t;}</script>
<span id="h"></span>
<script type="text/javascript">
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()
document.write(dn[d]+", "+(n.getDate()<10?"0":"")+n.getDate()+"/"+(m<10?"0":"")+m+"/"+y)
</script></center>
<style>
#h {font-weight:400;
display: block;
font-size: 30px;
margin: 0 0 5px;
letter-spacing: 5px;
}
</style>
Đemo Live:
III. LỜI KẾT
Trên đây là Code Widget Time trên Blogspot mà ANewTips muốn chia sẻ với các bạn, mong các bạn thích nó để cập nhật những thông tin mới bạn hãy thường xuyên truy cập vào Website để xem ạ. Chúc các bạn thành công.
Copyright © ANewTips