Home / Blogspot / Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan

Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan

Sedikit Info Seputar Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan Terbaru 2017 - Hay gaes kali ini team Best Games Download For Android , kali ini akan membahas artikel dengan judul Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan, kami selaku Team Best Games Download For Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Best Games Download For Android . semoga isi postingan tentang Artikel Blogspot, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan Terbaru
link: Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan Terbaru dan Terlengkap 2017

Membuat Bintang Berjatuhan Pada Kursor Di Blog ~ Sahabat blogger, ada banyak cara untuk mempercantik tampilan pada sebuah blog, salah satunya yaitu dengan membuat cursor bertaburan bintang ketika posisi kursor anda geser, cara ini merupakan salah satu cara agar blog anda terlihat cantik dan menarik bagi pengunjung, sehingga membuat pengunjung blog sobat dapat betah bertahan lama. Lalu bagimana cara membuatnya..? Cara membuat bintang bertaburan pada cursor di blog tidaklah terlalu sulit, caranya sangat mudah. Yaitu hanya dengan beberapa langkah saja anda sudah bisa membuat blog sobat lebih terlihat cantik dan menarik karena bertaburan bintang ketika kursor dijalankan.

Bagi kamu sob yang ingin membuat tampilan blog menjadi lebih cantik dan menarik dengan cara menambahkan script bertaburan bintang pada cursor, silahkan bisa ikuti beberapa langkah mudah berikut ini:
Membuat Bintang Berjatuhan Pada Kursor Di Blog


1. Masuk ke blogger sobat
2. Kemudian silahkan masuk ke Tata Letak
3. Setelah masuk menu Tata Letak pilih Tambahkan Gadget
4. Pada pilihan Gadget silahkan sobat pilih HTML/javascript
5. Kemudian letakan kode script dibawah ini pada gadget HTML/javascript yang telah sobat tambahkan
    <script type='text/javascript'>
    // <![CDATA[
    var colour="#0000ff";
    var sparkles=100;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="3px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="3px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);
    }
    // ]]>
    </script>
Keterangan.
Tulisan yang berwarna Biru adalah kode warna bintang yang bertaburan, silahkan anda ganti sesuai dengan warna keinginan anda

6. Simpan dan silahkan lihat hasilnya

Begitulah sob Cara Membuat Bintang Bertaburan Pada Blog yang tujuanya yaitu untuk membuat tampilan blog sobat lebih cantik dan menarik. silahkan dipraktekan pada blog sobat masing-masing.
Cara ini sudah di coba dan berhasil, Selamat mencoba dan semoga bermanfaat ya sobb ..

Itulah sedikit Artikel Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan terbaru dari kami

Semoga artikel Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Best Games Download For Android . jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Membuat Bintang Berjatuhan Di Blog Ketika Kursor Digerakan

Share this