SETUP CLOCK IN OWN WEBSITE :
1. Go To Blogger.com
2. Select Your Blog And Go To Theme Section.
3. Search This Code - </style> Tag.
4. Copy This Code -
---------------------- Clock CSS Code By Bhinderbadra.com ---------------
#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;
};
}
6. Click On Save THEME.
7. Go To Layout Section.
8. Click On Add A Gadget .
9. Select HTML/javascript Gadget.
10 . Copy This Clock Setup Code -
<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>
Terms of Service – Which is posted on this website. We own it. If anyone wants to talk about copyright. So can talk to Bhinder Badra. Please Contact Us With #Bhinder_Badra