Hi, I made an UnderTale soul cursor for my UnderTale Theory Blog UnderTheory!

I looked for cursors for UnderTale blogs, but I only found cursors that look like characters heads and some hearts that looked nothing like the heart in the game. Generic heart cursors didn’t help a lot, because most of them were too detailed to pass for the heart in the game (they had shadows to make them look 3D, had several colors o were even animated).

So I made this UnderTale cursor by ripping the heart from the game. I even took the liberties of making a version without the typical arrow that is added to not pointy cursors (that’s the one I ended using on the blog).

Note: The heart with arrow looks cool and accurate to the game, but may confuse people on where to click. I don’t recommend it for things that need precise clicks. 

Disclaimer: UnderTale is owned by Toby Fox. Not for commercial used. Do not take credit.

Image ripped from game screenshot and edited in Adobe Photoshop.

How to Use:

• Tumblr Custom CSS.
  

1. Click “Edit Appearance” on your Account Menu.
2. Click on “Edit Theme”.
3. Click on “Advance”
4. Paste the code under “Add Custom CSS”

• Tumblr Edit HTLM.
  

1. Click “Edit Appearance” on your Account Menu.
2. Click on “Edit Theme”.
   
3. Click on Edit HTML.
4. Under body{, paste the code between the brackets (only cursor: url(), auto;).
5. Scroll down and paste the same code under a{ and {a: hover (unless you want your cursor to change when you hover links).
6. Click “Update Preview” to see your cursor.
7. If your cursor doesn’t show properly check if you pasted the codes completely or in the right part of the code, also if the image you linked is available.
8. Repeat until your cursor looks fine (It can still look a little glitchy in certain computers or because some problems at Tumblr).
9. Save.

• The Weird third option for Tumblr:
  

If the other options did not work, or you don’t want to mess with codes, you can try this option (this may not work properly in newer Tumblr).

1. Click “Edit Appearance” on your Account Menu.
2. Click on “Edit Theme”.
3. Under “Description” post this code: <style type=“text/css”>body, a:hover {cursor: url(url), url(url), progress !important;}</style><a href=“url” target=“_blank” title=“title”><img src=“url” border=“0” alt=“Alt text” style=“position:absolute; top: 0px; right: 0px;” /></a>
4. Note: This would show apparently at your blog description, so you would need to completely hide your description if you think the code looks ugly in your blog.

• On your computer:
  

You would have to convert the png file to an cursor file and the install that file. This also works for converting to icons.

1. Download .png from host.
2. Search which cursor format is needed for your OS and instructions to install (some OS’s don’t let you customize cursors/icons).
3. Convert .png to that icon format (you can use a desktop application or search for an online converter).
4. Install cursor according to the instructions you found.

Codes: 

• Normal Heart:
  

Code:

/* Start http://undertheory.tumblr.com */ body, a:hover {cursor: url(http://i.imgur.com/Ybvrui8.png), auto;} /* End http://undertheory.tumblr.com */

• Heart with Arrow:
  

Code:

/* Start http://undertheory.tumblr.com */ body, a:hover {cursor: url(http://i.imgur.com/Ybvrui8.png), auto;} /* End http://undertheory.tumblr.com */Ho