07
Mei
2010

Cara memasang jam digital di blog/website

Posted by: admin

Cara memasang/menampilkan jam digital menggunakan javascript.

Setelah beberapa hari yang lalu post artikel memasang jam analog sekarang gilirannya
memasang jam digital.
Jam nya sama-sama keren, sama-sama oke dan sama-sama mantab.. tab.. taaaab..

Silahkan dilihat demonya:
Please upgrade your browser

Caranya, pasang kode dibawah ini dibagian <head> di blog/website kamu

Salin kode CSS

<style type="text/css">
#jam {
	font-size: 24px;
	color: #7AB3FD;
	font-weight: none;
	font-style: none;
	font-family: impact;
	font-smooth: always;
	border: 0px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	position:fixed;_position:absolute;bottom:0px; right:0px;
	clip:inherit;
	_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight);
	_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth);
}
</style>

Kemudian pasang kode dibawah ini setelah baris <body>

Salin kode JAVASCRIPT

<body onload="startclock ();">
<script language="JavaScript">
 
<!-- Hide from non Java browsers
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
 
function stopclock (){
        if(timerRunning)
               clearTimeout(timerID);
        timerRunning = false;
}
function showtime () {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += (hours >= 12) ? " pm" : " am"
        timeValue += ((minutes < 10) ? " 0" : " ") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        document.clock.face.value = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}
 
function startclock () {
        stopclock();
        showtime();
}
// -->
</script>
<form name="clock" onsubmit="0">
    <div id="jam" name="face"><input id="jam" type="text" size="10"
    name="face"></div>
</form>

Selamat mencoba…!!!

memuat halaman

Reload

Postingan yang lain:

Ada 20 komentar di “Cara memasang jam digital di blog/website”

Tulis komentar

Komentar dari ibelog:
Dari IP: 110.139.193.254
Tanggal 4 Juni 2010 jam 8:14 pm

wah pengen nyoba,mudah2n bisa,maklum pemula boz,hehe..

Balas komentar

Komentar dari Asep:
Dari IP: 118.96.90.237
Tanggal 14 Juli 2010 jam 4:47 am

mkasih infonya mas lam kenal kalau ada waktu mampir juga ke tempat saya

Balas komentar

Komentar dari admin:
Dari IP: 64.255.164.64
Tanggal 14 Juli 2010 jam 8:54 am

oke.. makasih kunjungannya..
menuju tkp…

Balas komentar

Komentar dari ary aditya:
Dari IP: 223.255.225.7
Tanggal 26 September 2010 jam 12:05 am

thanks for your informasi

Balas komentar

Komentar dari Fanza:
Dari IP: 125.163.213.38
Tanggal 19 Oktober 2010 jam 9:04 am

Makasih gan ilmunya, kunjungi juga situs kami di www. tokosilatku.blogspot.com

Balas komentar

Komentar dari Martin:
Dari IP: 110.139.97.253
Tanggal 31 Oktober 2010 jam 3:49 pm

dimana nya si Body ama Head????
pliss,pencerahan nya,maklum newbie
POST ya Gan? http://aku-punya.com/cara-memasang-jam-digital-di-blog-website.html#commentform

Balas komentar

Komentar dari admin:
Dari IP: 110.139.122.32
Tanggal 31 Oktober 2010 jam 4:04 pm

body dan head ada di bagian ‘Edit HML’ blog kamu.
klo blogspot pasang kodenya emang agak susah, kamu bisa lihat cara memasang kode javascript di postingan aku disini http://aku-punya.com/cara-memasang-javascript-di-blogspot.html

Balas komentar

Komentar dari nurcahyaku.co.cc:
Dari IP: 202.70.58.22
Tanggal 8 November 2010 jam 2:25 pm

Selamat siang mari kita ramaikan blog di Indonesia, dan salam sukses untuk anda.

Saya tunggu kunjungan baliknya.

Balas komentar

Komentar dari admin:
Dari IP: 64.255.164.91
Tanggal 8 November 2010 jam 2:51 pm

salam sukses juga pak…
segera meluncur ke tkp…

Balas komentar

Komentar dari Donny:
Dari IP: 180.214.232.9
Tanggal 24 November 2010 jam 11:42 am

siap di coba…
kunjungi ya di adonia-cell.co.nr

Balas komentar

Komentar dari Bisnis Islami:
Dari IP: 61.5.87.55
Tanggal 26 November 2010 jam 9:31 pm

matur nuwun. udah ane pasang di web ane

Balas komentar

Komentar dari admin:
Dari IP: 125.167.235.186
Tanggal 26 November 2010 jam 10:43 pm

siiipp… makasih kunjungannya mas

Balas komentar

Komentar dari hari:
Dari IP: 109.169.64.229
Tanggal 13 Desember 2010 jam 9:27 pm

trima kasih atas infox..,,,
sangat berguna…..

Balas komentar

Komentar dari VeLda:
Dari IP: 110.138.246.173
Tanggal 28 Maret 2011 jam 5:04 pm

makasi banget Gan…

Balas komentar

Komentar dari mr.dedako:
Dari IP: 222.124.180.37
Tanggal 4 April 2011 jam 1:05 am

parah bro klo tidak bisa dicopy untuk ape juga, siapa juga yang sangup tulis skrip HTML sepanjang itu kalau tidak dicopy.

Balas komentar

Balasan dari admin:
Dari IP: 64.255.180.205
Tanggal 4 April 2011 jam 2:16 am

hehehe..
cara copy kode yg kedua itu, kmu harus close dulu popup window kode yg pertama kmu buka tadi..
coz, itu menggunakan popup window yg sama bro..

Balas komentar