Simple calendar widget

Bước 1: vào Bố cục, chọn vị trí cần đưa vào, chọn Thêm tiện ích, chọn HTML/Javascript.

Step 1: Select Layout, choose position where you want to add widger, select Add a Gadget and add HTML/ Javascript.

Bước 2: copy đoạn javascript bên dưới vào ô text. Thay đường dẫn hình ảnh của bạn từ dòng data [0] = " " ... data [4] = " " ... , và chỉ được thêm vào bên trong dấu " ".

Step 2: Copy and paste javascript code below. Save the changes by clicking on Save. Change your image link from line data [0] = " " ... data [4] = " ".

<script language=JavaScript> data = new Array data[0] = 'your image link 1' data[1] = 'your image link 2' data[2] = 'your image link 3' data[3] = 'your image link 4' data[4] = 'your image link 5' function Year_Month(){ var now = new Date(); var yy = now.getYear(); if (yy < 1000) yy+= 1900; if (yy==101) yy=2001; var mm = now.getMonth()+1; var cl = ''; if (now.getDay() == 0) cl = ''; if (now.getDay() == 6) cl = ''; return(cl + mm + '-' + yy + ''); } function Date_of_Today(){ var now = new Date(); var cl = ''; if (now.getDay()%2 == 0) cl = '<font color="red">'; if (now.getDay()%2 == 1) cl = '<font color="blue">'; return(cl + now.getDate() + ''); } function Day_of_Today(){ var day = new Array(); day[0] = " Sunday"; day[1] = " Monday"; day[2] = " Tuesday"; day[3] = " Wednesday"; day[4] = " Thursday"; day[5] = " Friday"; day[6] = " Saturday"; var now = new Date(); var cl = ''; if (now.getDay() == 0) cl = ''; if (now.getDay() == 6) cl = ''; return(cl + day[now.getDay()] + ''); } function CurentTime(){ var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getTime() % 60000; ss = (ss - (ss % 1000)) / 1000; var clock = hh+':'; if (mm < 10) clock += '0'; clock += mm+':'; if (ss < 10) clock += '0'; clock += ss; return(clock); } function refreshCalendarClock(){ document.all.calendarClock1.innerHTML = Year_Month(); document.all.calendarClock2.innerHTML = Date_of_Today(); //document.all.calendarClock4.innerHTML = CurentTime(); document.all.calendarClock3.innerHTML = Day_of_Today(); } document.write('<table border="1" style="border-collapse: collapse" bordercolor="#000000" background="'+data[Math.floor(Math.random()*data.length)]+'" cellpadding="0" cellspacing="0" width="200px" bgcolor="" height="265px">'); document.write('<tr><td><table border="0" cellpadding="0" cellspacing="0" width="200px" bgcolor="" height="265px">'); document.write('<tr><td align="center" height="20px"><font id="calendarClock1" style="text-shadow: 2px 2px 3px ff9900; color:yellow;font-weight: bold;font-family: Helvetica; font-size:20px"></font></td></tr>'); document.write('<tr><td align="center" height="100px"><font id="calendarClock2" style="text-shadow: 2px 2px 3px ff9900; font-weight: bold;font-family: Helvetica; font-size:80px"></font></td></tr>'); document.write('<tr><td align="center" height="40px"><font id="calendarClock3" style="text-shadow: 2px 2px 3px ff9900; color:yellow;font-weight: bold;font-family: Helvetica; font-size:20px"></font></td></tr></table>'); //document.write('<tr><td align="center" height="20"><font id="calendarClock4" style="color:white;font-family: Helvetica;font-size:8pt;line-height:120%"></font></td></tr>'); document.write('</td></tr></table>'); setInterval('refreshCalendarClock()',1000); </SCRIPT>

Select code