Code tạo đồng hồ cho blogspot ( Blogger )

Code tạo đồng hồ cho blogspot cực đẹp, Định vị thời gian theo vị trí địa lí rất chuẩn với code tạo đồng hồ cho blogger. Cách tạo trang lỗi 404 cho blogspot

Code tạo đồng hồ cho blogspot - trong hướng dẫn lần này tôi sẽ hướng dẫn cho các bạn cách tạo đồng hồ cho blogger của bạn. đoạn code này rất đơn giản để tích hợp đồng hồ vào blogspot của bạn.

Vào Template > Edit HTML > Rồi Tìm Đoạn </styte> copy đoạn bên dưới rồi thêm vào trước thẻ </styte>

#realtime {
    font-family: Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    font-weight: 700;
    display: block;
    text-align: center;
    font-size: 30px;
    padding: 4rem 0;
}
#realtime span {
    display: inline-block;
    font-family: Avenir Next, Nunito, sans-serif;
    font-weight: 100;
    font-size: 8vw;
    position: relative;
    top: -2vw;
}
@media all and (max-width: 600px) {
    #realtime {
        font-size: 4rem;
        padding: 2rem 0;
    };
}
@media all and (max-width: 350px) {

    #realtime {
        font-size: 3rem;
        padding: 2rem 0;
    };
}

Tiếp Theo Chúng Ta Vào Bố Cục Và Thêm Đoạn Code Bên Dưới Vào HTML/Javasript

<time id="realtime"></time>
<script type='text/javascript'>
var currentTime = document.getElementById("realtime");
function zeropadder(n) {
  return (parseInt(n,10) < 10 ? '0' : '')+n;
}
function updateTime(){
  var timeNow= new Date(),
  hh = timeNow.getHours(),
  mm = timeNow.getMinutes(),
  ss = timeNow.getSeconds(),
  formatAMPM = (hh >= 12?'PM':'AM');
  hh = hh % 12 || 12;
  currentTime.innerHTML = hh + ":" + zeropadder(mm) + ":" + zeropadder(ss) + " " + formatAMPM;
  setTimeout(updateTime,1000);
}
updateTime();
</script>

Vậy là đã xong. Quá Đơn giản phải không nào, chúc các bạn thành công nhé.

Từ Khóa : Code tạo đồng hồ cho blogspot, cách tạo đồng hồ cho blogger, code thêm đồng hồ vào blogspot, cách thêm đồng hồ vào blogspot blogger