Cara pasang wiget jam online loadding cepat..

assalamualaikum wr,wb. sahabat GEMA SHOLAWAT SANTRI. 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..

Penulis : Annavieza Comunity ~ Blog informasi

Artikel Cara pasang wiget jam online loadding cepat.. ini dipublish oleh Annavieza Comunity pada hari Senin, 18 November 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara pasang wiget jam online loadding cepat..
® Related Post
 

0 komentar:

Poskan Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.