Membuat Jam Dinding Clasic Untuk Blog

Assalamualaikum sobat dream cyber comunity sinchankeke kali ini mau berbagi tips seputar blog supaya blog sobat bisa kelihatan lebih keren lagi  yang kita bahas kali ini adalah cara membuat jam dinding clasic  untuk blog dengan JQuery ....
silahkan lihat gambar di bawah ini utnuk melihat tampilan jam clasic nya  udah mau buka puasa sih gan jadi ga sempet berlama lama lagi kita 

naahh begitulah kira kira sobat tampilan jamnya di blog kita  kalau sobat tertarik silahkan comot scripnya di bawah ini lalu login ke blogger sobat dan buka tata letak pilih tambah gadget html/java scrip lalu copas scrip di bawah ini ekan save ... :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function () {
    setInterval(function () {
        var seconds = new Date().getSeconds();
        var sdegree = seconds * 6;
        var srotate = 'rotate(' + sdegree + 'deg)';
        $('#sec').css({
            '-moz-transform': srotate,
            '-webkit-transform': srotate
        });
    }, 1000);
    setInterval(function () {
        var hours = new Date().getHours();
        var mins = new Date().getMinutes();
        var hdegree = hours * 30 + (mins / 2);
        var hrotate = 'rotate(' + hdegree + 'deg)';
        $('#hour').css({
            '-moz-transform': hrotate,
            '-webkit-transform': hrotate
        });
    }, 1000);
    setInterval(function () {
        var mins = new Date().getMinutes();
        var mdegree = mins * 6;
        var mrotate = 'rotate(' + mdegree + 'deg)';
        $('#min').css({
            '-moz-transform': mrotate,
            '-webkit-transform': mrotate
        });
    }, 1000);
});
</script>
<style type="text/css">
#clock {
    position: relative;
    width: 80px;
    height: 120px;
    margin: 20px auto 0 auto;
    background: url(http://4.bp.blogspot.com/-siZB9Ud7KF8/T_Z44fZOIJI/AAAAAAAAA78/51vK7CBVD_Y/s1600/clockface+copy.png)no-repeat;
    list-style: none
    }
#sec, #min, #hour {
    position: absolute;
    width: 6px;
    height: 120px;
    top: 2px;
    left: 57px
    }
#sec {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdCWqru8w9hX80eBpEUSbOKt5UQYY4gZVxjBV967VDcGlwt7iaoEyZPlbvq1W0A9rIxJRAJfdZkXVA2_n7A2wP-LDiURhEK3OB4OQzbrCTE__IjnnkKS5z20EG7IU0EvVbptPfgG5IQ8/s1600/sechand.png);
    z-index: 3
    }
#min {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlw79co_cOJ-aQV_p4OZ_phF3AzPSkyhuFwCF0nVc37hLPdefZ7yH0Tuak-wyJJahLiMBe1cR_vNxSCGv4P-6g-aiNPkJnpHKN9zko5x025AZzp-v_As2w-zouKQ-Vyx9-6BoJCJLqj0U/s1600/minhand.png);
    z-index: 2
    }
#hour {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXF-KIWPw1jMAPxbk0rv8EmOoqY4R4V5xivF4Iq80YGt3h4JghpuXBeHyKHP-WrsHALhIoJSQqPXanDm4MhYw1fqjsTimN-URQg0VqMQRpstKlGff2TY3zHe6M41CXmE6yLm7eo7qX87I/s1600/hourhand.png);
    z-index: 1
    }
</style>
<ul id="clock">
     <li id="sec"></li>
     <li id="hour"></li>
  <li id="min"></li>
 </ul>

yuuuhuuu kita sudah sampai di akhir acara pembahasan tentaang pembuatan jam dinding clasic di blog....akhir kata saya pamit undur diri dulu sampai jumpai di lain kesempatan dan di lain topik postingan......wassalam 

Description: Membuat Jam Dinding Clasic Untuk Blog Rating: 5 Reviewer: Unknown - ItemReviewed: Membuat Jam Dinding Clasic Untuk Blog