Tutorial Put Cute Cursor in Blog (Simple Template)

Misaki PureBlood | Thursday, May 29, 2014 | | |

Really, its 4:36 A.M when I'm typing this... I should sleep~ Aiyaaa~

Whenever I online, first thing I must do.. manga + manga + manga and Google image XDD I really love to waste time huh TT^TT

(O.k, my otosan turn off wifi TT^TT I nee to wait just to post this tuto.. aiyaaaa)

Tutorial credit to: Cik Hawa

There is 3 tutorial you can use to put cursor in your blog. Just choose between two that I provide below :)

First Tutorial: Cursor Image not Change when Hover the Link

First: Go to Dashboard > Design > Add a Gadget > HTML/Javascript

Copy this code: 
<style type="text/css">body, a, a:hover { cursor: url(URL CURSOR), progress;} </style><a href="URL CURSOR" target="_blank"><br /></a>
and paste in HTML/Javascript

Note: Change the URL CURSOR with your own url cursor.

Second Tutorial: Cursor Image not Change when Hover the Link (same like Tutorial 1, but differrent code)

First: Go to Dashboard > Design > Add a Gadget > HTML/Javascript

Copy this code: 
<style type="text/css">body, a, a:hover {cursor: url( URL CURSOR ), progress;}</style>
and paste in HTML/Javascript

Note: Change the URL CURSOR with your own url cursor.

Third Tutorial: Image Cursor Change when Hover the Link

First: Go to Dashboard > Design > Add a Gadget > HTML/Javascript

Copy this code:
<style type="text/css">body, a, a:link{cursor:url(URL CURSOR 1), default;} a:hover {cursor:url(URL CURSOR 2),wait;}</style> 
and paste in HTML/Javascript

Note: Change the URL CURSOR 1 and URL CURSOR 2 with your own url cursor. Make sure both url cursor are differ so that, when you hover link in your blog, cursor image will change into another cursor image.

Hopefully this tutorial satisfy you~


Arigato gozaimasu|Thank You|Terima Kasih|Xie Xie|Salamat Po|Kamsahamnida|Gracias|Syukran|Khob Khun Ka~

4 comments: