How to add the cursor to your webpage ?

• Download cursor
• Put the .cur file into your webserver directory
• Add the following line to your CSS:
  cursor: url('/YOUR_PATH/cursor.cur'), auto;
• Replace YOUR_PATH with the correct paths

- or -

• Put the following line into your HTML:
  <style type="text/css">body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoCAAAFgAAACgAAAAgAAAAQAAAAAEACAAAAAAAAAQAAAAAAAAAAAAAAAEAAAAAAAAAAAAACQkJABISEgAbGxsA4uLiAAICAgALCwsAFBQUAAQEBAANDQ0A////ABYWFgAfHx8ABgYGAA8PDwAYGBgACAgIABEREQCkpKQAGhoaAK2trQAsLCwAAQEBAAoKCgATExMApqamABwcHAAlJSUAAwMDANPT0wAVFRUAqKioAB4eHgAnJycAw8PDAAUFBQAODg4AoaGhABcXFwBLS0sAKSkpAAcHBwCampoAGRkZAE1NTQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAIgAAFgAAAAAAAAAAAAAAAAAAAAAAAAMTAAAAAAAAHBQAAAAJAAAAAAAAAAAAAAAAAAAHAAAAJgAAAAAAAAAjAAAAAAAAIwAAAAAAAAAAAAAAJRcAACMSAAAAAAAAABEAAAAAAAARJAAkJA0AAAAAAAARCwAAEQAAAAAAAAAADycAAB0JAAAIAAAAAAAAABoYFQEAAAEAAAAAAAAAAAAJEBkAIQAAAAAAAAAAAAAABisJCQAgBQAAAAAAAAAAAAkACwQJAAAAAAAAAAAAAAAJAAAAABoAAAAAAAAAAAAAAAAHLBgAAAAAAAAAAAAAAAAAAAAAEwAAAAAAAAAAGAAAAA8IAAAAEQAAAAAAABgAEAERDgAbAAAAAAAAACYkAAAACQwAAAAAKSkAAAAkKQAACwIeACArAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHyMAAAkqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARcAACYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAKCYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////////////////////////////////////////////////////////////////////8EPw4PDj8MHx4/CB8eAQg/DAEAfwQBAH8AAQD/AD8A/wA/APAAAABwAAAAMAAACDAAAAwf////9/////P////x////8P////'), auto; }</style>