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 {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
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;
};
}
<time id="realtime"></time>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é.
<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>
