Cursors Help

Please do not give me the link the the Forumotion tutorial, as I do not understand. But first let me tell you a little about the problem:

I went to this site: http://www.thegloveliveson.com/index.html
Clicked on "I Have My Own Website or Blog"
Selected the red glove.
Made a JavaS page and pasted the html they provided because the first time I did this, the coding did not work for HTML Manage.
I don't know what to do. Someone help me. DO NOT GIVE ME THE FORUMOTION TUT.
My forum is ktma.forumotion.com

https://help.forumotion.com/t108919-how-do-i-change-the-cursor-in-the-website#712357

Thats the only code needed to be added. Download the cursor & save it on your computer & then upload it to tinypic.com
Use that url in the code above.

ACP > Modules > Portals & Widgets > Create New > Paste in this : <!-- For mouse Trails START -->
<script type='text/javascript' src='http://www.thegloveliveson.com/js/trailSpark.js'></script>
<script type='text/javascript'>window.onload = cursorChange;</script>
<!-- For mouse Trails END -->

<!-- For mouse cursor & Badge START -->
<a href='http://www.thegloveliveson.com/' id='MJBadge' style='display: block; position: absolute; top: 0; left: 0;'><img src='http://www.thegloveliveson.com/images/badge.png' width='201' height='105' border='0' /></a>
<img src="http://www.thegloveliveson.com/track.aspx" height="1" width="1" />
<style type='text/css'>
<!--
html { height: 100%; width: 100%; cursor : url('http://www.thegloveliveson.com/images/img_cursor_red.cur'), default; }
html a:hover{ cursor : url("http://www.thegloveliveson.com/images/cursor_over_red.cur"), default; }
--></style>
<!-- For mouse cursor & Badge END -->

Add a name > drag to top > Select yes for the yes or no at the top, save.

Or just add this in the CSS ._. shortest way:

Code:

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(CURSOR IMAGE DIRECT LINK), progress !important;} /* End http://www.cursors-4u.com */