Blog iTeam OS
Trang chủ
Blogspot Tips

Hướng dẫn thêm tiện ích đồng hồ trên Web/Blogger?

Trong bài đăng này, tôi sẽ chia sẻ với tất cả các bạn hướng dẫn về cách tạo Tiện ích đồng hồ trực tiếp trên trang web Blogger. Bạn đã bao giờ xem blog

Xin chào tất cả mọi người, chào mừng một lần nữa đến với bài viết mới của chúng tôi. Trong bài viết này, tôi sẽ nói về một chủ đề rất hay. Trong bài đăng này, tôi sẽ chia sẻ với tất cả các bạn hướng dẫn về cách tạo Tiện ích đồng hồ trực tiếp trên trang web Blogger.

Hướng dẫn thêm tiện ích đồng hồ trên Blogger
Hướng dẫn thêm tiện ích đồng hồ trên Blogger?

Bạn đã bao giờ thấy blog của người khác hiển thị thời gian hoặc đồng hồ chưa? Nếu đúng thì đây là những gì chúng tôi sẽ làm bây giờ, rất dễ dàng để tạo tiện ích đồng hồ trên blogger, chúng tôi đã tạo tiện ích này chỉ bằng HTML và Javascript, vì vậy hãy đọc cho đến cuối và làm theo các bước đã cho.

Cách thêm tiện ích đồng hồ trên Blogger: -

Đồng hồ tôi đã làm bao gồm 5 kiểu. Vì vậy, hãy chọn phong cách widget đồng hồ mà bạn thích, thường phù hợp với blog của bạn. Làm thế nào để sử dụng nó, tôi đã nói với bạn với sự trợ giúp của bố cục blogger, ví dụ như bạn có thể đặt nó trong đầu trang, thanh bên, chân trang, v.v. Nhưng bạn có thể sử dụng nó ở bất cứ đâu.

Bước 1: Trước hết, Đăng nhập vào Trang tổng quan Blogger của bạn.

Bước 2: Trên Trang tổng quan Blogger, nhấp vào Bố cục .

Bước 3 :- Sau đó Click vào Thêm Tiện ích.

Bước 4 :- Sau khi Chọn Html/JavaScript.

Bước 5 :- Sau đó sao chép và dán mã cho sẵn bên dưới.

SKiểu 1 Với Giờ Phút Giây và Định dạng AM/PM

<span id="stm-clockstyle1"></span>
<script type="text/javascript">
//<![CDATA[
function showTime(){var a_p = "";var today = new Date();var curr_hour = today.getHours();var curr_minute = today.getMinutes();var curr_second = today.getSeconds();if (curr_hour < 12){a_p = "AM"}else{a_p = "PM"}if (curr_hour == 0){curr_hour = 12}if (curr_hour > 12){curr_hour = curr_hour - 12}curr_hour = checkTime(curr_hour);curr_minute = checkTime(curr_minute);curr_second = checkTime(curr_second);document.getElementById('stm-clockstyle1').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p}function checkTime(i){if (i < 10){i = "0" + i}return i}setInterval(showTime,500);
//]]>
</script>
Demo

Kiểu 2 Với Định dạng Giờ phút và AM/PM :-

<span id="stm-clockstyle2"></span>
<script type="text/javascript">
//<![CDATA[
var a_p = "";var d = new Date();var curr_hour = d.getHours();if (curr_hour < 12){a_p = "AM"}else{a_p = "PM"}if (curr_hour == 0){curr_hour = 12}if (curr_hour > 12){curr_hour = curr_hour - 12}var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1){curr_min = "0" + curr_min}document.getElementById('stm-clockstyle2').innerHTML=curr_hour + ":" + curr_min + " " + a_p;
//]]>
</script>
Demo

Kiểu 3 Với Định dạng Giờ và Phút: -

<span id="stm-clockstyle3"></span>
<script type="text/javascript">
//<![CDATA[
var d = new Date();var curr_hour = d.getHours();var curr_min = d.getMinutes();curr_min = curr_min + "";if (curr_min.length == 1){curr_min = "0" + curr_min}document.getElementById('stm-clockstyle3').innerHTML=curr_hour + ":" + curr_min;
//]]>
</script>
Demo

Kiểu 4 Với Định dạng Ngày, Tháng, Năm: -

<span id="stm-clockstyle4"></span>
<script type='text/javascript'>
//<![CDATA[
var fullbulan = ['January','February','March','April','May','June','July','August','September','October','November','December'];var myDays = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];var tanggal = new Date();var hari = tanggal.getDate();var bulan = tanggal.getMonth();var thisDay = tanggal.getDay(),thisDay = myDays[thisDay];var tahun = tanggal.getYear();var year = (tahun < 1000) ? tahun + 1900:tahun;document.getElementById('stm-clockstyle4').innerHTML=thisDay + ',' + hari + ' ' + fullbulan[bulan] + ' ' + year;
//]]>
</script>
Demo

Kiểu 5 Với Định dạng Ngày Tháng và Năm: -

<span id="stm-clockstyle5"></span>
<script type='text/javascript'>
//<![CDATA[
var fullbulan = ['January','February','March','April','May','June','July','August','September','October','November','December'];var tanggal = new Date();var hari = tanggal.getDate();var bulan = tanggal.getMonth();var tahun = tanggal.getYear();var year = (tahun < 1000) ? tahun + 1900:tahun;document.getElementById('stm-clockstyle5').innerHTML=hari + " " + fullbulan[bulan] + " " + year;
//]]>
</script>
Demo

Kiểu 6 Với Giờ Phút Giây và Ngày Tháng và Năm: -

<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>
Demo

Bước 6 :- Cuối cùng, Click vào Lưu và Xem Kết quả.

Kết luận :-

Trong bài đăng này, tôi đã cho bạn biết cách đặt hẹn giờ trực tiếp trên trang web blogger một cách rất dễ dàng. Chắc hẳn bạn đã hiểu rất dễ bài viết này và cài đặt nó trên blog của mình.

Trong bài viết này, tôi đã giải thích về cách thêm tiện ích đồng hồ trên blogger . Tôi hy vọng hướng dẫn này có thể hữu ích cho tất cả các bạn blogger. Cảm ơn bạn đã ghé thăm trang web của chúng tôi.

Tham khảo:
iTeam OS

Truy cập Bypass Google Account APK để tải file APK nhé