! ★Kawaii Blog★ !



Monday, 13 February 2012 | 03:15 | 0 comments
Assalamualaikum.. 



Lame tak buat TUTORIAL.. kan ? 
Ni hari mood baek, cuace pon baek. So, Nak buat lar.. :P Nampak tak tajuk kat atas tuh? 
Objek Berpusing Keliling Mouse ? Ape tuh ? Tengok gambar di bawah nie..  :)



Haa. . tuh lar yang dinamakan "Objek Berpusing Keliling Mouse"

Korang nak tak? Macam best jew. . hehe :P 
Sye pon tengah gune haha.. ^^''



Sebelum korang ikut tutorial di bawah nie. . nak ingatkan sikit. . ramai yang kata tak menjadi .. so.. jangan salah kan sye ye. . :P 
INGAT ! PREVIEW DULU SEBELUM SAVE ! okayy :)

Jom kite mulekan . 



Tips berguna :]


-Gunakan ctrl f untuk search apa-apa code dalam coding html.
-Gunakan ctrl c untuk copy code
-Gunakan ctrl v untuk paste code



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

CLASSIC TEMPLATE/BLOGSKIN



1) DASHBOARD > TEMPLATE > EDIT HTML

2)Pastu Copy code dibawah nie. . 



<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}

function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}

if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>

3)Pastu paste kat BAWAH sekali atau pon ATAS.  . 
#Kalau sye ATAS :P 

4) PREVIEW dulu. . kalau jadi. . SAVE ! 


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


DESIGN TEMPLATE/LAYOUT


1)DASHBOARD > DESIGN >ADD A GADGET> HTML/JAVASCRIPT.

Code same macam ATAS tadi . .  

Pastu korang PREVIEW DULU. . kalau jadi SAVE !
kalau tak menjadi REMOVE jew code tadi tuh. :) 

Senang kan?

Code diatas tuh sye ambik dari SINI  



Okayy tuh je untuk ni hari  :)
Good Luck ! ^_^

Post a Comment

Anda amat dialu-alukan untuk komen di entry ini, tapi dengan SYARAT. :D

★ Nak promote GA / Segmen / Contest tidak dibenarkan.
-Kalau nak promote di cbox sahaja.

★ No spam.
-Comment dan tekan sekali publish dah cukup. *kalau ada kesilapan perkataan/ayat/link, boleh komen untuk kali ke dua :)

★ No harsh word.
-Be careful with your words. Once they said, they can be only forgiven, not forgotten.

★ Bahasa Malaysia dan Bahasa English sahaja. Dwibahasa pun boleh. *Bahasa asing tidak dibenarkan.

Baca BISMILLAH sebelum comment ;)
*Kalau tengah join segmen/contest/GA memang wajib dibaca. Dalam hati pun boleh ^^

Ok, sekarang boleh comment hehe. XD






Older Post Newer Post
♣ Disclaimer
Meet the mistress

Berdakwah bukan tugasan sehari, seminggu atau sebulan. Ia tugasan sepanjang hidup, setiap masa & keadaan. Berdakwahlah selagi termampu.
Button FOLLOW di bawah ni :)

About Stuffs Si&Li Posts

FOLLOW // DASHBOARD
♣ Menu
I don't know
POST CBOX