title: Creating a custom cursor for my website
body: <p>I've never created a custom cursor before, and I'm having a little trouble with it. Maybe I'm doing this completely wrong, but I tried opening up an icon in photoshop, and saving it as .gif and .cur, but it still isn't working on my webpage. Does it need to be a specific size like the favicon? How would I go about doing this?</p>
  
  <p>My code in the css:</p>
  
  <pre><code>body{
    cursor:url('cursor.gif'), pointer;
  }
  </code></pre>