Selasa, 21 Januari 2014

Menambah Efek Love Berjatuhan pada Cursor

Diposting oleh Unknown di 05.43

 Menambah Efek Love Berjatuhan pada Cursor


Heloo guys, aku nemuin tips lagi nih buat mempercantik blog kalian dari http://galauan-suka-suka.blogspot.com (Rosa Go Blog) aku suka banget ama nih blog, Jepang banget temanya. yaudah deh dari pada basa-basi, langsung aja ke Topik. Nih caranya .. :D

 Copy kode di bawah ini pada HTML / Gadged

<script type='text/javascript'>
// <![CDATA[
var colour="#FF0066";
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>
 ganti FF0066 dengan warna pilihan kamu....

Simpan pada javascript



#Warna





<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object>






<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>












































































































































































































Kode Warna yg dipilih:  
<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td>

<table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"> <td bgcolor="#190707" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a0808" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b40404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df0101" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff0000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa5858" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f78181" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cece" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbefef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#191007" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b240b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#61380b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b45f04" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df7401" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff8000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#faac58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7be81" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#181907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#292a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#393b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5e610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#868a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#aeb404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d7df01" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ffff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f3f781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#101907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#243b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#38610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5fb404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#74df00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#80ff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#acfa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#bef781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071907" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b610b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a08" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b404" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01df01" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ff00" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58fa58" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f781" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbef" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071910" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b6138" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a4b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b45f" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01df74" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ff80" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58faac" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f7be" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbf5" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071918" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b615e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#088a85" onclick="Barva(this.bgColor)"></td> <td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"></td> <td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#00ffff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2efef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58faf4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#effbfb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#071019" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b243b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b3861" onclick="Barva(this.bgColor)"></td> <td bgcolor="#084b8a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#045fb4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0174df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0080ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#58acfa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#81bef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#070719" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"></td> <td bgcolor="#08088a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0404b4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0101df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0000ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5858fa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8181f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#cecef6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#efeffb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#100719" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#240b3b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#380b61" onclick="Barva(this.bgColor)"></td> <td bgcolor="#4b088a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#7401df" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8000ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"></td> <td bgcolor="#be81f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5effb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b5e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a0886" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b404ae" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df01d7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f781f3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="24"> <td bgcolor="#190710" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"></td> <td bgcolor="#610b38" onclick="Barva(this.bgColor)"></td> <td bgcolor="#8a084b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#b4045f" onclick="Barva(this.bgColor)"></td> <td bgcolor="#df0174" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ff0080" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f781be" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"></td> <td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"></td> </tr>
<tr height="10"> <td></td> </tr>
<tr height="24"> <td bgcolor="#000000" onclick="Barva(this.bgColor)"></td> <td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"></td> <td bgcolor="#151515" onclick="Barva(this.bgColor)"></td> <td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"></td> <td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#424242" onclick="Barva(this.bgColor)"></td> <td bgcolor="#585858" onclick="Barva(this.bgColor)"></td> <td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"></td> <td bgcolor="#848484" onclick="Barva(this.bgColor)"></td> <td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"></td> <td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"></td> <td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"></td> <td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"></td> <td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"></td> <td bgcolor="#ffffff" onclick="Barva(this.bgColor)"></td> </tr>
</tbody></table>
</td></tr>
</tbody></table>

<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="25"> <td id="vzorec" width="30"></td> <td valign="bottom">Kode Warna yg dipilih: <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Arial; font-size: 22px; height: 30px; width: 115px;" type="text" /></td> </tr>
</tbody></table>
</form>
<script src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/colorscripts.js" type="text/javascript">
</script>

0 komentar:

Posting Komentar

 

Stand Here Alone Copyright © 2010 Design by Ipietoon Blogger Template Graphic from Enakei