Annisa Nr World: Make Your Cursor Be Different \(´▽`)/

siapa coba blogger yg gak mau blog nya tampil Menarik? Berbeda? Unik? Cantik? Tidak sombong dan rajin menabung, loh? kwkwkw

maka dari itu bagi para Blogger Pemula, seperti diriku. haruslah mengetahui bagaiman k cara membuat blog mu tampil menarik dan readers yang baca bilang WOW. hha

salah satunya adalah dengan mempercantik Kursos atau Pointer Blog mu. setiap kali penginjung blog mu bertandang ke blog mu, kursor yang akan tampil akan menjadi lebih indah, dikarenakan ada taburan bintang-bintang atau lope-lope atau juga butiran debu *eh mksudnya butiran salju :D

seperti layaknya blog aku yang menawan namun tidak ada pengunjung nya inih, hha #fakta. udah aku setting pointer blog nya agar tampil bintang-bintang bertaburan. sehingga bintang-bintang itu berserakan searah dengan jalannya kamu menggerakan mouse ditangan hingga pointer blog berjalan mengiringi kamu ketika membaca postingan blog. :)

and so, tak usah bnyak ba-bi-bu lagi. diriku kan men-share, bagaimana cara menambahkan efek bertaburan pada pointer / kursos blog mu.

check this :

1.Login ke blogger. udah bisa inih kan? pasti.

2.Klik Tata Letak, yang bertennger dibagian samping dasboard blogmu.

3.Klik Tambah Gadget, pada tempat yang tersedia.

4.Pilih HTML/javascript, dengan mengklik tanda tambah disamping kanannya.

5.Pilih lalu Copy dan paste kode di bawah ini ke dalam kotak konten HTML/javascript tadi . judul gak apa-apa klo kosong.

dan pilihannya copy paste kode nya adalah:

1. Bintang :

sama denga cara bintang, tinggal copas kode dibawah ini :

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

warna dasar kode diatas adalah merah, jika kamu menginginkan warna yg lain. ubah kode yang dicetak tebal "FF0066" menjadi kode warna yg diinginkan. check disinih :

3. Salju
*inih rahasia* wekkkk :P

Yaudah deh, selamat mencoba yaaa. GOOD LUCK GUYS. jangan lupa yg udah berserakan disapu, llu dibuang ketempatnya. wkkwkw :P

Annisa Nr World

Jumat, 14 Desember 2012

Make Your Cursor Be Different \(´▽`)/

Tidak ada komentar:

Total Tayangan Halaman

Pengikut