Cara membuat tampilan jam dan kalender digital otomatis pada homepage blog, untuk contoh lihat tampilan depan blog yang sedang anda buka ini, berikut ini langkah pembuatannya :
pertama :
Letakkan kode CSS berikut sebelum kode ]]></b:skin>
#jam-ngisor{background:rgba(0,0,0,0.7);text-decoration:none;z-index:302;position:fixed;bottom:38px;right:55px;border-radius:4px;box-shadow:inset 0 1px 10px blue;}
Kedua:
Letakkan kode java berikut sebelum </head>
<script src='https://overlay-basic.googlecode.com/svn/branches/animasiwaktu-win8-6.js' type='text/javascript'></script>
Ketiga:
Simpan kode HTML di bawah ini dalam body blog anda atau letakkan antara <body> dan </body>:
<div id='jam-ngisor'><table cellpadding='5' cellspacing='5'><tbody>
<tr><td align='justify' valign='top' width='100'><span id='jamku' style='padding-left;30px;color:white;font-size:30px;'><span id='HourDiv'/>:<span id='MinutDiv'/>:<span id='SecDiv'/></span></td> <td align='justify' valign='bottom' width='60'><span style='color:white;font-size:12px;'><script src='https://overlay-basic.googlecode.com/svn/branches/Hari2.js'/></span></td></tr>
</tbody></table></div><div class='sledsanta' id='google-script'><script src='https://overlay-basic.googlecode.com/svn/branches/google_tandawaktu.js'/></div>
Cara lain menampilkan jam dan kalender digital adalah sbb :
Simpan kode HTML di bawah ini dalam body blog anda atau letakkan antara <body> dan </body>:
<div class='jam' id='waktu'/><br/><br/>
<script type='text/javascript'>
/*<![CDATA[*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write(""+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"")
/*]]>*/
</script>
pertama :
Letakkan kode CSS berikut sebelum kode ]]></b:skin>
#jam-ngisor{background:rgba(0,0,0,0.7);text-decoration:none;z-index:302;position:fixed;bottom:38px;right:55px;border-radius:4px;box-shadow:inset 0 1px 10px blue;}
Kedua:
Letakkan kode java berikut sebelum </head>
<script src='https://overlay-basic.googlecode.com/svn/branches/animasiwaktu-win8-6.js' type='text/javascript'></script>
Ketiga:
Simpan kode HTML di bawah ini dalam body blog anda atau letakkan antara <body> dan </body>:
<div id='jam-ngisor'><table cellpadding='5' cellspacing='5'><tbody>
<tr><td align='justify' valign='top' width='100'><span id='jamku' style='padding-left;30px;color:white;font-size:30px;'><span id='HourDiv'/>:<span id='MinutDiv'/>:<span id='SecDiv'/></span></td> <td align='justify' valign='bottom' width='60'><span style='color:white;font-size:12px;'><script src='https://overlay-basic.googlecode.com/svn/branches/Hari2.js'/></span></td></tr>
</tbody></table></div><div class='sledsanta' id='google-script'><script src='https://overlay-basic.googlecode.com/svn/branches/google_tandawaktu.js'/></div>
Cara lain menampilkan jam dan kalender digital adalah sbb :
Simpan kode HTML di bawah ini dalam body blog anda atau letakkan antara <body> dan </body>:
<div class='jam' id='waktu'/><br/><br/>
<script type='text/javascript'>
/*<![CDATA[*/
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write(""+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"")
/*]]>*/
</script>
0 komentar:
Posting Komentar