| File Name | Membuat kursor dipuatari warna di blog |
| Permission | -Cor--Cyber4rt- |
| Author | Letjen Latief |
| Date and Time | 21.56 |
| Label | [ BLOGGING ] |
| Action |
-Merah
-Biru
-Hijau
Mau kaya gitu ?
Ok , langsung aja tutornya :D
Pengguna blogger (Ane udah testing)
1.Login Blogger
2.Ke rancangan -> edit html -> back up template dulu, biar lebih aman
3.cari kode
Code:
<body>
Masukan Kode Dibawah ini sesudah kode yang diatas
Code:
<script language="JavaScript" type="text/javascript">var xCol="#FF0000";var yCol="#00FF00";var zCol="#0000FF";var n=6;var t=40;var s=0.2;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>
{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>
Save
, untuk emobile blog ! :D
Buka "index.php"
Lalu , masukan script yang tadi di akhir code index.php / di awal juga boleh :D
Happy blogging
