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 elininaras 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.


Colócalo en un lugar que te acuerdes, por ejemplo en la parte de abajo justo encima de pie de página para recordar que lo colocamos allí ya que no tendrá título el gadget.


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.




10 comentarios:

  1. Excelentes consejos.
    Pero, en que página están los cursores?
    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola de nuevo Alvaro Gonzalez, los cursores los encontraras en Etiquetas en la barra lateral del blog a la derecha como cursores personalizados.
      Te dejo el enlace aquí.

      http://decoratublogconlucia.blogspot.com.es/search/label/0.-Cursores%20personalizados

      También puedes aplicar los que encontraras en los fondos para el blog.

      Eliminar
  2. Hola Buenos días, me darías el código del cursor de tu blog porfa?

    ResponderEliminar
    Respuestas
    1. Hola, antes que nada gracias por visitar mi blog.
      El cursor que tengo puesto es el que va a juego con el fondo lo encontraras en este enlace.

      http://decoratublogconlucia.blogspot.com.es/2013/09/sweet-autumn.html

      Un saludo

      Eliminar
  3. como obtngo el codigo de un cursor que tengo en mi pc?
    salu2

    ResponderEliminar
    Respuestas
    1. No hay un código especifico para eso puesto que el código es el mismo en blogger que el que has encontrado aquí ya que es para HTML Javascrip y añades en ese código la URL de la imagen deseada.
      Lo único que se me ocurre es que con el programa Paint hagas una captura del escritorio donde esta el cursor y lo recortes con Photoshop, luego lo subas a tu blog o a un servidor de imágenes y la URL de este la apliques al código HTML que comparto.
      Espero te sirva mi respuesta.
      Un saludo y gracias por tu comentario y visita.

      Eliminar
  4. Muy bueno el blog pero el movimiento de la pestaña me marea

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario sobre el blog , sobre el movimiento de la pestaña eso es a gustos un saludo

      Eliminar