Cara Membuat Efek Bintang Pada Cursor Mouse ~ Bagi Ilmu ~ Modifikasi Motor 10

Efek ini akan bekerja apabila cursor mouse digerakan maka akan ada banyak bintang bertaburan yang tentu saja akan sedikit menambah menarik suatu blog.Untuk pemasangannya tidaklah terlalu sulit bahkan bagi blogger pemula seperti saya,yang dibutuhkan hanya sedikit penambahan javascript.

2. Pilih Rancangan Template


<script type='text/javascript'>


















window.onload=function() { if (document.getElementById) {



for (var i=0; i<sparkles; i++) {


var rats=createDiv(3, 3);


rats.style.visibility="hidden";


document.body.appendChild(tiny[i]=rats);




var rats=createDiv(5, 5);


rats.style.backgroundColor="transparent";


rats.style.visibility="hidden";


var rlef=createDiv(1, 5);


var rdow=createDiv(5, 1);








document.body.appendChild(star[i]=rats);











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";






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)";



stary[i]+=1+Math.random()*3;


if (stary[i]<shigh+sdown) {


star[i].style.top=stary[i]+"px";



star[i].style.left=starx[i]+"px";




star[i].style.visibility="hidden";








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) {



tiny[i].style.width="1px";


tiny[i].style.height="1px";




tinyy[i]+=1+Math.random()*3;


if (tinyy[i]<shigh+sdown) {


tiny[i].style.top=tinyy[i]+"px";



tiny[i].style.left=tinyx[i]+"px";




tiny[i].style.visibility="hidden";






else tiny[i].style.visibility="hidden";



document.onmousemove=mouse;




y=(e)?e.pageY:event.y+sdown;


x=(e)?e.pageX:event.x+sleft;




if (typeof(self.pageYOffset)=="number") {





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;








window.onresize=set_width;



if (typeof(self.innerWidth)=="number") {





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;

5. Pertinjau dulu sebelum menyimpannya.

Cara Membuat Efek Bintang Pada Cursor Mouse ~ Bagi Ilmu ...
Sobat Antero, jika sebelumnya saya sudah posting bagaimana caranya membuat efek gelembung pada cursor mouse, kali ini saya akan membagikan efek bintang

Cara Membuat Efek Bintang Berjatuhan Dari Cursor ...
Efek Bintang Jatuh Dari Cursor; Efek Daun Berjatuhan Di blog; Cara Membuat Banner Animasi; Cara Membuat Tulisan Berjalan (Marquee) Cara Membuat Blog

Cara Membuat Efek Bintang Berjatuhan pada ... - blogspot.com
document.onmousemove=mouse; Cara Membuat Efek Bintang Berjatuhan pada Cursor Blog Jika Efek Sprinkle pada Cursor Blog; Cara Membuat Pesan

Cara Membuat Efek Bintang Keren Pada ... - Genka Cyber Blog
kali ini saya akan berbagi sedikit tips blog yaitu Cara Membuat Efek Bintang Keren Pada Kursor Mouse bagi tips nya Cara Membuat Efek Bintang Keren Pada

Cara membuat efek bintang di cursor | Bebagi Untuk Semua
Cara membuat efek bintang di cursor Kesempatan kali ini Admin blog Berbagi untuk semua

Cara memberi Efek bintang Jatuh pada Cursor ... - Themansku
Cara memberi Efek bintang Jatuh pada Cursor - Themansku Klik LINK

100 Wanita Terhebat Di Dunia - blogspot.com
10 Bencana Alam Terdahsyat Di Dunia; Cara membuat logo header pada blog; Cara Membuat Efek Bintang Pada Cursor Mouse; Copyright © Bagi Ilmu

Cara membuat Efek bintang jatuh pada Cursor di blog | ILMU ...
Home » Blogger » Cara membuat Efek bintang jatuh pada Cursor Cara membuat efek bintang jatuh dari cursor yang jatuh dari cursor atau mouse

Cara Memberikan Efek Bintang Bertaburan Pada Cursor Blog ...
Cara Memberikan Efek Bintang Bertaburan Pada Cursor Blog Cara membuat efek bintang bertaburan pada kursor

Membuat Efek Sparkles Pada Cursor Blog - Donor Ilmu
Donor Ilmu. Mari kita sumbangkan Ilmu demi kepentingan bersama. Beranda; Tutorial. Blogger. SEO; Modif; Widget; Komentar; Template; Adsense; Tips Trick

About K-Sora

Travelling is my life

Modifikasi Motor 10

Cara Membuat Efek Bintang Pada Cursor Mouse ~ Bagi Ilmu

About K-Sora

Related Post