Home » » Cara pasang wiget jam online loadding cepat..

Cara pasang wiget jam online loadding cepat..

Written By Azzahida on Monday, 18 November 2013 | November 18, 2013

Assalamualaikum wr,wb. sahabat bloger dalam kesempatan kali ini saya mau berbagi sebuah wiget jam online ....
Kebanyakan dari pengguna blog menggunakan jam online dari clock link...
Padahal wiget yang satu ini tergolong membuat blog anda menjadi lambat ...
nah sekarang saya punya yang lebih baik tentunya di banding clock link...
baiklah ikuti langkah berikut ini untuk memasang wiget jam aktif/online seperti jam tangan saya tapi nanti ga begini bentuknya ya...

Pertama login ke blog sahabat masing masing
Ke dua silahkan anda pilih tata letak untuk menambah wiget
pilih javascript/HTML
lalu kopi kode di bawah ini dan paste di 
javascript yang saya maksud tadi

<center><table><tr><td> 
<div class='jamkalenderkompiajaib'><div style='font-family:arial; color:#fff;font-size:12px;text-transform:none;'>

    <script type="text/javascript">

    window.setTimeout("jam()",1000);
    function jam() {
    var tanggal = new Date();
    setTimeout("jam()",1000);

    document.getElementById("kompiajaibclock").innerHTML=tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds();
    }

    </script>

    <strong><div id="kompiajaibclock"></div></strong></div></div></td>
<td><div class='jamkalenderkompiajaib'>
<div style='font-family:arial; color:#fff;font-size:12px;text-transform:none;'>
    <script type="text/javascript">

    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("Minggu","Senin","Tuesday","Rabu","Kamis","Jumat","Sabtu")
    var montharray=new
    Array("January","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
    document.write("<b>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</b>")

    </script></div></div></td><td></td></tr></table></center>




<script type="text/javascript" >

var scrolltotop={
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]},
    controlHTML: '<img src="https://lh3.googleusercontent.com/-wRF0MO32wHI/UFRguX1FprI/AAAAAAAAD1I/9zwc8QyGGKU/s41/ups.png" />',
    controlattrs: {offsetx:5, offsety:5},
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1)
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Kembali ke atas akhi ukhti'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //khusus versi IE6 ke bawah untuk loose check, juga untuk melihat apakah control mengandung teks
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- perlu diset witdh yang jelas agar kontainer text terbentuk dengan rapi
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()

<!--Back to top script end--></script>

Ganti kode merah #fff dengan warna yang pas dengan blog anda


Terahir save..
lihat hasilnya...



Selamat mencoba semoga bermanfaat..
Share this article :

0 comments:

Tinggalkan Komentar anda

Berkomentarlah'yang sopan dan di larang memasukan spam... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Annavieza - All Rights Reserved
Original Design by Creating Website Modified by Arifin Saputra