Como poner un cursor personalizado en mi blog

En muchas páginas webs y blog aparece al entrar un cursor personalizado. Puede tener el dibujito de un corazón, flor... Aquí os voy a enseñar como en pocos pasos. ¡Es fácil! A mi me encanta, pero es mejor no recargar el blog con muchas cosas porque puede quedar mal.Sin embargo  llama la atención y es bonito a la vista.  Para conseguir el cursor personalizado id a http://www.snazzyspace.com pero os lo he pouesto fácil y podeis elegir de los que vais a ver a continuación. Si quereis ver más cursores, haced clic en la URL de la página anterior.

1.  Elige entre estos cursores y copia la URL que tienen debajo o bien si quieres más ve a la página de donde los conseguí en  http://www.snazzyspace.com  

 
<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/3d-moustache.png'), auto !important; }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.snazzyspace.com/" title="Tumblr Mouse Cursors" target="_blank"><img
src="http://www.snazzyspace.com/images/tumblr_cursors.gif" border="0" alt="Tumblr Mouse Cursors" /></a></div>    




<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/big-pink-heart.png'), auto !important; }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.snazzyspace.com/" title="Tumblr Mouse Cursors" target="_blank"><img
src="http://www.snazzyspace.com/images/tumblr_cursors.gif" border="0" alt="Tumblr Mouse Cursors" /></a></div>   



<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/black-infinity.png'), auto !important; }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.snazzyspace.com/" title="Tumblr Mouse Cursors" target="_blank"><img
src="http://www.snazzyspace.com/images/tumblr_cursors.gif" border="0" alt="Tumblr Mouse Cursors" /></a></div>  

 

<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/cookie.png'), auto !important; }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.snazzyspace.com/" title="Tumblr Mouse Cursors" target="_blank"><img
src="http://www.snazzyspace.com/images/tumblr_cursors.gif" border="0" alt="Tumblr Mouse Cursors" /></a></div>   



<style> html, body, a, a:hover { cursor:url('http://www.snazzyspace.com/cursorsfolder/mickey-big-pointer.png'), auto !important; }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.snazzyspace.com/" title="Tumblr Mouse Cursors" target="_blank"><img
src="http://www.snazzyspace.com/images/tumblr_cursors.gif" border="0" alt="Tumblr Mouse Cursors" /></a></div>   

   2. Al copiar el URL, en Diseño>Añadir gadget> HTML Javascrip pegamos el código.

   3. Guardamos cambios y miramos si está a nuestro gusto. Si queremos ver más cursores, recuerda hacer clic en  http://www.snazzyspace.com  .

¡Suerte y hasta el próximo truco!