Tutorial Sparkling Cursor Bentuk ♥ di Blogskin


Hey hey there!! Salam Readers.ok lah sebenarnya Diya pada malam ni dengan senang hatinya nak share dengan  korang Tutorial Sparkling Cursor Bentuk ♥ di Blogskin..haa siape yang tengah mabuk cinta eloklah letak ni dekat blog korang heheheh tak adelah ,kalau korang tengah bercinta ke ape ke,tak kisah la sebab tuto ni khas untuk semua orang.Public.

1.Pergi >> Template

2.Serantak tekan ctrl + f dan search for kod 

<title>nama blog korang</title>

3.Ok then korang paste kod yang panjang giler ni di bawah kod <title>nama blog korang</title> tadik






<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=40;
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(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
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()*5;
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+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Awas!! kod ni panjang jangan sampai highlight tak habis sudaa.

Ok then korang tukarkan tulisan #000000 dengan warna pilihan korang di sini


pssttt : di bawah ni ada  ♥ U cursor yang DIya buat sendiri tau.


Ambik la kalau nak ,,baru nampak sedondon kan.sengih






http://i.imgur.com/Qm82d.png




http://i.imgur.com/KGJCB.png




http://i.imgur.com/w9W20.png




http://i.imgur.com/e1Q1S.png




http://i.imgur.com/V6aSC.png




http://i.imgur.com/jjrAx.png




http://i.imgur.com/6RrKh.png




http://i.imgur.com/U3MRD.png




http://i.imgur.com/Xqz82.png




-kalau nak ambik pape,sila komen dulu k-



46 comments:

  1. dear , i gune love sparkling nihh , thanks taoo :) but u bole buad tutorial macam mane nak letak cursor untuk blogskin ta ?

    ReplyDelete
  2. nak amik satu..cantik lah cursor tu..

    ReplyDelete
  3. suka lhaa . . comel . amik satu taw

    ReplyDelete
  4. tqvm diya..kamu sgt baek hati :)

    ReplyDelete
  5. Amek Cursor kaler pink ! btw chantek gile cursor tuh ..... thanks

    ReplyDelete
  6. can i take it ? btw, nice your blog ! :)

    ReplyDelete
  7. kk diya.. sya ambik stu.. thx ^___^

    ReplyDelete
  8. yeah ! jadi !! syangs awk ! thanks !!

    ReplyDelete
  9. saya ambik satu erk. hehe. cmey laa

    ReplyDelete
  10. terima kasih banyak kak diya! :)

    ReplyDelete
  11. Assalamualaikum Kak Diya <3 Adik ambil satu cursor ye :)

    ReplyDelete
  12. akak ,saya da ambik and letak dalam blog saya tau ? hee ,comel !

    ReplyDelete
  13. kak macam mana pulak nak tukar cursor erk??

    ReplyDelete

What do you think? Leave a comment :)