Mostrando entradas con la etiqueta Cursores personalizados. Mostrar todas las entradas
Mostrando entradas con la etiqueta Cursores personalizados. Mostrar todas las entradas

jueves, 6 de junio de 2024

COMO PONER CURSOR PERSONALIZADO EN BLOGGER

Para poner el cursor personalizado en tu blog, lo primero sera crear una entrada, pero no la publiques.

Desde la página principal de tu blog iras a :

DISEÑO,+NUEVA ENTRADA, ponle título para no eliminarla sino eliminaras la imagen del puntero personalizado.


Te aconsejo guardar el código HTML para no perderlo en la misma entrada donde pongas la imagen del cursor.

Código HTML:

 <style type="text/css">

body, a, a:hover {cursor: url(AQUÍ LA  DIRECCIÓN DE LA IMAGEN DEL CURSOR DE BLOGGER),progress;}

</style><span style="font:tahoma; font-size:9px;"><a href=""></a></span>

 No hace falta guardar la entrada.

Podras salir directamente de la publicación haciendo clic en el icono de arriba a la izquierda de Blogger.
El siguiente paso es ir a 
DISEÑO, selecciona AÑADIR UN GADGET en la zona que quieras.

Elige en  añadir un Gadget  HTML/ JavaScrip

Sustituye donde pone AQUÍ DIRECCIÓN DE LA IMAGEN DEL CURSOR DE BLOGGER (ten cuidado de no borrar los paréntesis que sino no funcionara el código) por la dirección de la imagen del puntero que colocaras ahora en la entrada sin publicar.

Vuelve a ENTRADAS y selecciona la que hemos creado y dejado en borrador.

En la barra de menú (arriba a la derecha) veras un icono en forma de montañas selecciona el icono y del extensible selecciona subir del ordenador,  clic en abrir.

Ahora clic en seleccionar y pon el  puntero del ratón sobre la imagen y haces clic con el botón derecho del ratón y selecciona copiar dirección de imagen.

Pégalo en la ventana que se abrió al elegir añadir un gadget y pega la dirección de la imagen en CONTENIDO, ahora haz clic en guardar y ya está listo.


                  Recuerda guardar los cambios en tu plantilla de Blogger

 https://decoratublogconlucia.blogspot.com/2013/01/como-poner-cursor-personalizado-en.html