Hello Friends,
Manish Chaturvedi Blog presents, Digital Clock for your Google Blog.
If you want to add Digital Clock in your Blog, then you can easily place the HTML Code and Add like as a Gadget. Just follow the steps.
Step 1: Go to your Blogger Dashboard(go to https://www.blogger.com/ and Login with your Gmail ID and Password.)
Step 2: Select your Blog.
Step 3: Under Dashboard Click on the Layout Tab.
Step 4: After That, Click on 'Add a Gadget' tab.
Step 5: Under Gadget Gallery, Search and Click on 'HTML/JavaScript'.
Step 6: After Clicked on 'HTML/JavaScript' you can see one window like below image.
Step 6: In Opened Window Write
Step 7: After copy paste code just click on save button.
Step 8: Rearrange your Digital Clock Gadget as you want.
Step 9: Click on Save arrangement at the Top-Right Corner.
Step 10: Now Open your Website. Look your Website have a Digital Clock.
Manish Chaturvedi Blog presents, Digital Clock for your Google Blog.
If you want to add Digital Clock in your Blog, then you can easily place the HTML Code and Add like as a Gadget. Just follow the steps.
Step 1: Go to your Blogger Dashboard(go to https://www.blogger.com/ and Login with your Gmail ID and Password.)
Step 2: Select your Blog.
Step 3: Under Dashboard Click on the Layout Tab.
Step 4: After That, Click on 'Add a Gadget' tab.
Step 5: Under Gadget Gallery, Search and Click on 'HTML/JavaScript'.
Step 6: After Clicked on 'HTML/JavaScript' you can see one window like below image.
- Title: Digital Clock
- Content: Under Content Just Copy paste Digital Clock Code written below:
<script type="text/javascript"> tday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); tmonth=new Array("January","February","March","April","May","June","July","August","September", "October","November","December"); function GetClock(){ var d=new Date(); var nday=d.getDay(),nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getYear(); if(nyear<1000) nyear+=1900; var nhour=d.getHours(),nmin=d.getMinutes(),nsec=d.getSeconds(),ap; if(nhour==0){ap=" AM";nhour=12;} else if(nhour<12){ap=" AM";} else if(nhour==12){ap=" PM";} else if(nhour>12){ap=" PM";nhour-=12;} if(nmin<=9) nmin="0"+nmin; if(nsec<=9) nsec="0"+nsec; document.getElementById('clockbox').innerHTML=""+tday[nday]+", "+tmonth[nmonth]+" "+ndate+", "+nyear+" ; "+nhour+":"+nmin+":"+nsec+ap+""; } window.onload=function(){ GetClock(); setInterval(GetClock,1000); } </script> |
Step 7: After copy paste code just click on save button.
Step 8: Rearrange your Digital Clock Gadget as you want.
Step 9: Click on Save arrangement at the Top-Right Corner.
Step 10: Now Open your Website. Look your Website have a Digital Clock.
If You like this Post, Please Like my Blog Comment on this post and Visit my another post. Visit my Facebook Page
That's it.
No comments:
Post a Comment