close

<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4446831562288921036\x26blogName\x3d%E3%83%84+Rush+Shafiq+%E3%83%84\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://rushshafiq.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://rushshafiq.blogspot.com/\x26vt\x3d-7130052547661151014', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
PUSH
Current updates:
Giler bosanlah duduk rumah je x buat ape ape :(
♥ Owner
Hello, Assalamualaikum. My name is Muhammad Rushafiq or known as Rush Shafiq/Rush/Shafiq. I'm 18 years old. The owner of this blog. Thank you for visiting my simple blog. Please come again soon :)

Facebook | Twitter | Formspring | Blogskin

 ♥ Rush Shafiq |
♥ Navigation
Stories Profile Stuffs Affiliates Hire
♥ Like


♥ Talk
♥ Klik Klik
Please KLIK my CHURP CHURP below here


♥ Blog Archives


♥ Credits
Designer: Rush | Shafiq
Graphic: Adobe Photoshop CS4
Thanks to: Izyan | Han Hanan


Tutorial - Sparkling cursor
16.1.09 | 3:17 PM | 0 comments
Apa pulak sparkling cursor ni? Binatang ape pulak kali ni..
Sekali lagi, bukan binatang ye..hahaha

Korang perasan x bile gerakkn mouse anda, arrow yg ade dlm komputer skang ni ade kluarkn bintang2 kecil yg blink blink tu. Mcm sparklelh. Cantek x?
Ok saye akn ajr korang mcm mne nk buat bende alah tu.

Senang saje..
1. Copy code dibawah ni
<script type='text/javascript'>


</script>


<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
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>
2. Nampak x tulisan yg bergaris warne merah tu? Itu adelah code warne utk sparkle tu bile kluar. Korang boleh tuka ikut warne kesukaan anda. Kalo nak tau code2 warne klik sini.
WARNING: Hanye itu sahaje yg boleh diubah. Jgn nk MEMANDAI2 korang ubah yg len. Kang ade jugk yg nk kene ni. ROTAN KANG baru tau...kalo x jadi pandai2 ubah sendiri...

3. Dah tu pegi blog anda pergi Design>Add gadget> HTML/javascript.
4. Paste codenye dkt situ. SELESAI SUDAH... 







NEWER POST | OLDER POST | HOME