Cursors Christmas Tree

Here's some freebies to y'all I think you'll love it too...Sorry if you're waiting the freebies but its just like a bee,too busy okay so just put in the HTML codes then you've it,enjoyed guys!!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwXBJnUuObErpMM8rXIWX9myMbCxbidGEAQI2u7JyIe20lxcwuoQ7rGZ6MItv85Ja-XU05aItYjEzXp2KkygKo8edXjvfRdC2g2gILX_ezOEn4qqDotiRkIOctRdd0yiAViUT0V0yYkp0l/s1600/Christmas+Tree+1+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhp-07ZCyPcmc2k3vUbX93xWIuujPerzZJX7sm-cv4ekGT-X0Q7lcYONcKasOZVk-roxuyxlPiU99UmSDQDV6X6yET8T6k8KWk0LxGtUmsw3RTmRdDt6LkFLB6hucpdISaFrTvEqPs0mh/s1600/Christmas+Tree+Brown+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1fctnzOISweHOPsyXeM0UWexHs9WMr-NXZxDvFMM6o-WGSDb_waPr67epgSdn-42_ncL1VC0EaU05W5OOhm-AgiDlHY2Issc8MKpDd10_z1cATxlWlmSMWiTZPsjhwpNU0yrPlXfmpEF/s1600/Christmas+Tree+LightGreen+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjdOnGuhu107rGaQML4SY6rv5mhsg4TMPqXzwZQZ2z6rtS4RN-vFWbivW2Zi44ihYuq1_824mm9bkAUrhyjoehyphenhyphen3uR-yiS3N3asvjF07nvkEgedakcUTfMi6c5YxaP-G0UrXO6SPr36zZ/s1600/Christmas+Tree+Pink+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6v7bFctU6DBU0IaWUENww0oMfKLGKl9lSQisEqC0U-IqbMy0j0V7uuDV6r_dtA7AEqrZulett4zi_4TXH4RPMmYaCO-enD-zOOsoSwB5o_XfijWQncfA-1pzKrPR6SRABPkvsAM89M9rk/s1600/Christmas+Tree+LightBlue+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglGPYlezis-tzOKo0PTBHO_gyVWZs5MqjtRy3fUrvwJwCB6vL68WtqhyphenhyphenhmyjbEbrgJ4PPXn_YMYpWiCEAuyos-nauk-2KSBbxYtWRLL15YGNyRq8lRsvIq305UkrK2I3ASgE9j_lQS9VmO/s1600/Christmas+Tree+SeaGreen+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUQf7IP8tyVAnr46S5JckSlZSOIMrnd9i-7nq3Z9e8L3Wo8veck5EpNBqvQST6JaxbJybv1yvMMyoz5yAAFUyOnVzuw0DD_zglJ9f9uXYUHdUIdxk5wEGWxBus9K-xj4fwHszWESh43TSz/s1600/Christmas+Tree+Teal+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSbkC4ipo5AgSAbvUXdAudv033Q_OfDRBaS1JiCxYrBQ2ZJ20VHOVnoy92wWzoGFCErOXKuZcfqZUC2Niy7vQ_h1_Fswh7EDdkZf28-NiyQP8QYHznOHADlth1OS7FqTyyLw0ulESKOWC/s1600/Christmas+Tree+Red+cursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH11L5igVjsU8nAhg6j4tFdkTK2mJlzuAqg08eMXfc1gO920TRGs3aPsKJdEjRaG7PQJ6IABd2gMB30kM20noht7SFgPzRTpFJ8D0iaw5rOA_ZDrcWHG6QxCA0mjTM_pCMJAAyMSH_krO2/s1600/Christmas+Tree+Purple+cursor.png

Put this code at first then select your cursor's URL and change it the Orange font.

<style type="text/css">body, a, a:hover {cursor: url(YOUR cursor Image URL), progress;}</style>

Then you've it~

How to do when mouse touched the link and it'll change to another cursors?

Hey guys its been to December and it felt so fast and swift,so today I'm gonna have a tutorial for y'all and hope you guys would know how it works because I think if you find in somewhere for this tutorial I think its a bit hard,so now lets see how it works!

So as you can see a cursor in normally it'll be like this as usually we used at computer (Like mine) :::

Just like this...and IF we had touched to the link it'll be like this :::

And so how we gonna change like this whenever we touched to the links?

So you better watch out to this method!!!

FIRST!

• You need a PAIR of cursors,depends on you,whatever you want to.
• You need to upload the cursors or straight away get the DIRECT LINKS.
• Now follow the steps to work it.

Okay,now exactly its so easy okay and now go to

Design-->Add Gadget-->HTML Code

Then,paste this code::::

<style>body{cursor: url("Your FIRST cursor URL"), url("Your FIRST cursor URL"), auto;}</style><style>A:hover{cursor: url("Your SECOND cursor URL"), url("Your SECOND cursor URL"), auto;}</style>

The FIRST cursor means your normally used cursor as the SECOND cursor means that whenever touched to the links it'll change to another cursor,so make sure you put the cursor's URL in right way...
So is it easy to made it?To have the changing cursor its not hard at all it just make sure you do!So I hope you guys could do this and HAVE FUN!!!

Just had done a CAKE

Yea,ermm I was going to bake a cake "with my mom" okay,and we had bake a wonderful cake erm I think it call as Apple Bake cake.Something like this,and it was great...ahaha,then we've bought all those ingredients that we must use it when we wanna bake it.SO, I just chop the four apples into tiny cubes and when its done then my momma just done the all those powder,its just like SWIFT well. Aha,so then we bake apple bake cake!When it turns to 25 minutes I was so excited and it turns again to 5,4,3,2,1....and it'll release the sound like this : Pii Pii Pii Pii...Okay its a rice cooker,then my momma had cut it into some parts suddenly she said the bottom BURNT! Momma,I'm okay with my eyes mine can look the burnt part,okay~~HAHAHAHA,momma you're funny sometimes...Until we had the taste time,but it just FEELS SO GREAT!I thought I can make one chocolate cake too,and wanted to share with guys of the recipe.Haha,really and ermm that's delicious I tell you,the most delicious is when you bite it in the hot times.... :)))I hope you have a warm day and be happy~Cakey Cakey Doo...Doo....

How to add scroll to top(Scrolling smooth)

Okay,you just can see my blog there has a star with the word UP right,yea,if you click it well it'll smoothly go up!It means scrolling up...okay,but if you wanted to change to yourS image you can have just like this-->Paste this code to Design-->Add Gadget-->HTML code THEN PASTE IT!Okay,first we need to paste code lets see how it works!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

<script type="text/javascript"> 

var scrolltotop={

   setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

    controlHTML: '<img src="YOUR Image URL" style="filter:alpha(opacity=70); -moz-opacity:0.1;" />', 

    controlattrs: {offsetx:-2, offsety:25}, 

    anchorkeyword: '#top', 

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){

        if (!this.cssfixedsupport) 

            this.$control.css({opacity:0}) 

        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

        if (typeof dest=="string" && jQuery('#'+dest).length==1) 

            dest=jQuery('#'+dest).offset().top

        else

            dest=0

        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },

    keepfixed:function(){

        var $window=jQuery(window)

        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

        this.$control.css({left:controlx+'px', top:controly+'px'})

    },

    togglecontrol:function(){

        var scrolltop=jQuery(window).scrollTop()

        if (!this.cssfixedsupport)

            this.keepfixed()

        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

        if (this.state.shouldvisible && !this.state.isvisible){

            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

            this.state.isvisible=true

        }

        else if (this.state.shouldvisible==false && this.state.isvisible){

            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

            this.state.isvisible=false

        }

    },

    init:function(){

        jQuery(document).ready(function($){

            var mainobj=scrolltotop

            var iebrws=document.all

            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

                .attr({title:'Back to Top'})

                .click(function(){mainobj.scrollup(); return false})

                .appendTo('body')

            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') 

                mainobj.$control.css({width:mainobj.$control.width()}) 

            mainobj.togglecontrol()

            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

                mainobj.scrollup()

                return false

            })

            $(window).bind('scroll resize', function(e){

                mainobj.togglecontrol()

            })

        })

    }

}

scrolltotop.init()

</script>

the RED you must take yourS image URL,while for the Orange you can make the position yourself~~
Like -2,7 Axis of X to axis of Y.For the blue words,you could decide what title you wanna put,this is the function whenever you've touched by the image!ENJOYED~

Cbox(Source 1 and Source 2)

WHAT'S THAT?
YOUR ChatBox source 1 & YOUR ChatBox source 2.
Source is mean that your chatbox has two part of it! Let me show you:
Click the image if you can't see clearly it will easily pop out. :)

Understand now?Okay then every chat box of HTML Codes have own source.How to find?

Alright,I tell you how.

Click to pop out the image!

Okay right.So now you just changed your code at the codes(gave) !Have FUN,Guys! :)))So you know how right?Go to CBOX then go to Publish and find your source 1 and source 2 to change yourS!

How to put borders for the photos?

Go to Design-->Edit HTML then search for this code-->]]><<b:skin>
If you can't fin that code you can find this-->

.post img {border-radius:20px;}

 

OR

img { border-radius:20px;} 

OKAY,now you can add this code ENTER the keyboard then add it in-->

border: 2px solid #000000; 

Orange color change yourS color to it
EXTRA ::: you can add the what what moz-border that kind of border is having the curve corner you just can add it (you can find in the TUTOR PARKING LOT okay,haha
AND You can add the same enter the keyboard this one-->

border-radius:20px;

Radius yea,the thicker of the border lining. :) Sure you can do it,I've got the type of border you can find somewhere!Sure,you can do it! 

How to do when the mouse touched to the photos at post will be transparent a bit?

When your mouse had touched the photos it'll be a bit of transparent,but how?
wanna tell you how to do it?Lets start it!
The same go to find the code </head> in Edit HTML there...
Then add this BEFORE of it!

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); 
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); 
},function(){
$(this).fadeTo("slow", 1.0); 
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); 
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); 
},function(){
$(this).fadeTo("slow", 1.0); 
});
});
</script>

DONE!!!

How to closed the navbar at the top?

Continue it...
Got to the Edit HTML then search this code

/* Variable definitions

okay then add it BEFORE of it this code:

#navbar-iframe {

display: none !important;

}

DONE!

 

How to put HTML CODES of mouse pointer of your designs(yourS design pointer)?

Like what we doo right,the cursor of your design,but how I'm gonna put it in my blog?Its hard okay....
Okay just copy this code you're going to done!!

<style type="text/css">body, a, a:hover {cursor: url(YOUR cursor Image URL), progress;}</style>

DONE! Remember add into gadget add HTML.!

How to put the mouse effect of LOVE for your mouse pointer?

LOVE flows so pretty mouse-effect how we're gonna do it???
Lets us see how it works!

Credits from dingshuhui.blogspot.com

Thank you,for using haha...I just have tutor for anyone of here, LOL

anyway,okay you can see right?So nice,but how howwww???

Okay okay,go to design first then Edit HTML then go find <head> using CTRL+F

okay then paste these code AFTER it with ENTER your keyboard okay.

<script type='text/javascript'>

// <![CDATA[

var colour="color code";

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>

change your favorite color code then you're done!

How to put the mouse effect for your mouse pointer?(one and two color)

Hey guys today's tutor is so EASYYYY,haha I hope can do well,its easy....
but what's that right?
JUST like this sparkles tinkerbell~~
but how?
you just have to paste then done.
This is for ONE COLOR

<script type="text/javascript">
// <![CDATA[
var colour="YOUR FAV COLOR CODE";
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(1, 5);
var rdow=createDiv(5, 1);
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()*3;
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+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

need to change the red color font of your favorite color!
For the two color you had to paste at your gadget HTML too just like the above...

<script type="text/javascript">

// <![CDATA[

var colour="Color code";

var colour3="Color code";

var sparkles=70;

/******************************

*  Tinkerbell Magic Sparkle   *

* (c) 2005 mf2fm web-design   *

*  http://www.mf2fm.com/rv    *

* Generated at pnoyonline.com *

* tumblr layouts - pnoyonline *

* DON'T EDIT BELOW THIS BOX   *

****************************/

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);

    var rats=createDiv3(5, 5);

    rats.style.backgroundColor="transparent";

    rats.style.visibility="hidden";

    var rlef=createDiv(1, 5);

    var rlef=createDiv3(1, 5);

    var rdow=createDiv(5, 1);

    var rdow=createDiv3(5, 1);

    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()*3;

    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;

  }

}

/******************************

*        Modified by          *

*      pnoyonline.com         *

* Generated at pnoyonline.com *

* tumblr layouts - pnoyonline *

****************************/

function createDiv(height, width) {

  var div=document.createElement("div");

  div.style.position="absolute";

  div.style.height=height+"px";

  div.style.width=width+"px";

  div.style.overflow="hidden";

  div.style.backgroundColor=colour;

  return (div);

}

function createDiv3(height, width) {

  var div=document.createElement("div");

  div.style.position="absolute";

  div.style.height=height+"px";

  div.style.width=width+"px";

  div.style.overflow="hidden";

  div.style.backgroundColor=colour3;

  return (div);

}

// ]]>

</script>

need to change the red color font of your favorite color!
DONE!And yea,great. :)))