Tuesday, May 22, 2012

Cara Membuat Efek Bintang Bertaburan Di Kursor

Bintang Bertaburan Cara Membuat Efek Bintang Bertaburan Di Kursor adalah tutorial blog selanjutnya lihat juga postingan sebelumnya yaitu Free Download Emulator Wii 64 bit Full Version (dolphin).

Kali ini saya akan menerangkan bagaimana caranya zsupaya di cursor ada bertaburan bintangsebenarnya efek ini kurang begitu membantu dalam segi SEO namun efek ini sangat bermanfaat bagi para pengunjung pasalanya pengunjung akan merasa senag karna melihat ada yang bertaburan di koursornya dan bintang bertaburan ini dapat di ganti warnanya apakah itu mau hijau merah atau pun warna warni bisa dalam hal ini saya tidak menganjurkan untuk bintang yang bertaburan di perbanyak atau terlalu banyak karena yang tadinya menghibur malah jadi tidak senag karna bisa membuat lambat blog dan bisa juga menghalangi artikel kita jadi saya anjurkan pemasangan ini sewajarnya saja oke jika sudah mengerti mari kita simak secara bersama sama membuat bintang bertaburan di kursor ini.

Tutorial Cara Membuat Efek Bintang Bertaburan Di Kursor

  • Mula mula kalian masuk ke account bloger anda
  • setelah itu masukan username dan passwordnya
  • setelah anda masuk pilih daftar entry
  • Lalu pilih Design > Add gadget > HTML/Javascript untuk Versi ama untuk yang baru Tataletak > Tambah Gadet > HTML/Java scrip
  • Masukan atau cantunkan kode ini di dalamnya

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
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>

  • Ganti code berwarna merah dengan code warna Html anda misal kuning putih atu ungu
  • Lalu jangan lupa Save
  • lalu lihat hasilnya

Mudah dan simpel bukan cara membuatnya jadi tunggu apa lagi silahkan coba Mungkin tutorial saya ini cukup sampai disini semoga menjadi ilmu yang bermanfaat saya ucapkan selamat mencoba.

*ATTENTION If you Want Download Please Turn OFF or Remove Your AdBlock
Title: Cara Membuat Efek Bintang Bertaburan Di Kursor
Reviewed By: Thomi Jasir
Rating Blog: 4.7 dari 5

Article Category Tutorial Blog Title Cara Membuat Efek Bintang Bertaburan Di Kursor You can share articles and copy the Articles This is very useful if, but do not forget to save the link source you can copy the code below. Thanks!
ads
ads

Written By : Thomi Jasir Time : 7:41 AM Category :

0 Comments:

Post a Comment

Rules If you Want Comment Here

1. Post a Comment The polite and courteous
2. Not Spamming, Junk
3. The topic of discussion commented articles relevant title
4. Give advice if you feel the need to advise
5. Do not use Anonymous
6. Please!!! LANGUAGE USE THE STANDARD
7. Do not put any links in comments

Thanks To the visitors who have taken the time you hope the above article useful.