Mempercantik Blog anda dengan memasang jam analog

Selamat siang Blogger sekarang kumpul script1 mau bagi-bagi script gratis Jam analog pasang dengan mudah dan bisa mempercanti Blog kesayangan anda , silakan Copy dan paste script di bawah dan pasang di blog , tutorial pemasangan dengan css sudah kami sediakan untuk anda silakan di gunakan

Pertama yang harus anda lakukan adalah Copy dan paste script di bawah ini

Masukan script di bawah ini di bagian <head>

lalu langkah berikut nya anda tinggal Taruh script ini di manapun anda suka dan tempat-tempat yang anda sukai

<div id="liveclock" class="outer_face"> <div class="marker oneseven"></div><div class="marker twoeight"></div><div class="marker fourten"></div><div class="marker fiveeleven"></div><div class="inner_face"><div class="hand hour"></div><div class="hand minute"></div><div class="hand second"></div></div></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> /*********************************************** * CSS3 Analog Clock- by JavaScript Kit (www.javascriptkit.com) * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more ***********************************************/  var $hands = $('#liveclock div.hand')  window.requestAnimationFrame = window.requestAnimationFrame                                || window.mozRequestAnimationFrame                                || window.webkitRequestAnimationFrame                                || window.msRequestAnimationFrame                                || function(f){setTimeout(f, 60)}   function updateclock(){ 	var curdate = new Date() 	var hour_as_degree = ( curdate.getHours() + curdate.getMinutes()/60 ) / 12 * 360 	var minute_as_degree = curdate.getMinutes() / 60 * 360 	var second_as_degree = ( curdate.getSeconds() + curdate.getMilliseconds()/1000 ) /60 * 360 	$hands.filter('.hour').css({transform: 'rotate(' + hour_as_degree + 'deg)' }) 	$hands.filter('.minute').css({transform: 'rotate(' + minute_as_degree + 'deg)' }) 	$hands.filter('.second').css({transform: 'rotate(' + second_as_degree + 'deg)' }) 	requestAnimationFrame(updateclock) }  requestAnimationFrame(updateclock)   </script><div id="liveclock" class="outer_face"> <div class="marker oneseven"></div><div class="marker twoeight"></div><div class="marker fourten"></div><div class="marker fiveeleven"></div><div class="inner_face"><div class="hand hour"></div><div class="hand minute"></div><div class="hand second"></div></div></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> /*********************************************** * CSS3 Analog Clock- by JavaScript Kit (www.javascriptkit.com) * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more ***********************************************/  var $hands = $('#liveclock div.hand')  window.requestAnimationFrame = window.requestAnimationFrame                                || window.mozRequestAnimationFrame                                || window.webkitRequestAnimationFrame                                || window.msRequestAnimationFrame                                || function(f){setTimeout(f, 60)}   function updateclock(){ 	var curdate = new Date() 	var hour_as_degree = ( curdate.getHours() + curdate.getMinutes()/60 ) / 12 * 360 	var minute_as_degree = curdate.getMinutes() / 60 * 360 	var second_as_degree = ( curdate.getSeconds() + curdate.getMilliseconds()/1000 ) /60 * 360 	$hands.filter('.hour').css({transform: 'rotate(' + hour_as_degree + 'deg)' }) 	$hands.filter('.minute').css({transform: 'rotate(' + minute_as_degree + 'deg)' }) 	$hands.filter('.second').css({transform: 'rotate(' + second_as_degree + 'deg)' }) 	requestAnimationFrame(updateclock) }  requestAnimationFrame(updateclock)   </script>

Sekarang sudah selesai dan jika ada pertanyaan tentang ini silakan comment di bawah ini saya akan membantu dan memberi masukan untuk anda
Baca juga postingan saya tentang tulisan berjalan dengan beground warna

Kumpulan Script

Tuesday, November 4, 2014

Mempercantik Blog anda dengan memasang jam analog

No comments:

Post a Comment