Cursor para el blog con motivos navideños

5 de diciembre de 2014 60 comentarios ,

Esta es la excusa perfecta para hacer rabiar al Grinch con este cursor que al moverlo desprende motivos navideños por su paso.
Esferas, muñecos de nieve, botas, regalos, son algunas de las pequeñas imágenes que aparecen en el blog cuando este cursor está en movimiento.

El demo puedes verlo aquí mismo, al mover el cursor aparecerán objetos de Navidad que desaparecerán sutilmente.

Los encargados de esta curiosidad son nuevamente el equipo de Giffy, y le dará a tu blog ese toque festivo que ya se siente en el ambiente.

Para poner este cursor con motivos navideños en tu blog entra en Plantilla | Edición de HTML y antes de </body> pega el siguiente código:

<!-- Cursor de Navidad -->
<div style='display:none'><script type="text/javascript" src="http://blogparts.giffy.me/0035/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/"><img style="border:0;" src="http://blogparts.giffy.me/0035/parts.png" alt="クリスマスの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">無料で面白タイピング!</a></p></div>

Guarda los cambios y listo. Una vez que se te haya pasado el espíritu de la Navidad elimina el código y el cursor se habrá ido.
Si buscas algo más discreto entonces quizá te interesen estos cursores de navidad.



60 comentarios en:

" Cursor para el blog con motivos navideños "

  1. Ojo, el código contiene publicidad oculta a giffy.me y typing.twi1.me
    Para no incluirla y, de paso, acortar el código, pon este código en su lugar:
    <script type="text/javascript" src="http://blogparts.giffy.me/0035/parts.js"></script>

    ResponderEliminar
    Respuestas
    1. Hola Jorge, es por eso que el código está encerrado con un <div style='display:none'> para evitar que se muestre cualquier publicidad no deseada. Es mejor ponerlo dentro de un DIV que el script puro, porque hace algunos años cuando pusimos la animación de Santa Claus volando por el blog nos insertaron la publicidad desde el script.
      Ojo, no estoy en contra de la publicidad de estos chicos, pero sé que la mayoría prefiere usar gadgets libres de publicidad.

      Eliminar
    2. me gusto mucho, ya lo inserte en mi blog, gracias

      Eliminar
  2. muchas gracias,bonito para estas fechas ;)
    gracias jorge

    ResponderEliminar
  3. Muchísimas gracias, me encanta, y tanto, que yo no suelo tocar las html y lo he puesto!!! Saludos

    ResponderEliminar
    Respuestas
    1. Me alegro que te hayas atrevido a hacerlo :)

      Eliminar
  4. Muchas gracias, Potro, lo he puesto en los blogs y queda muy bien.
    Un abrazo, que pases unas felicísimas fiestas

    ResponderEliminar
    Respuestas
    1. Gracias Verónica, también tú con los tuyos!

      Eliminar
  5. Fantastico blog sobre todo para gente que empieza como yo.
    Te voy a hacer una pregunta de de novato como borro los códigos de la plantilla html los inserto desde el móvil y los tengo que borrar desde el mismo. Gracias por adelantado.

    ResponderEliminar
    Respuestas
    1. Hola Antonio, sinceramente jamás en la vida he editado una plantilla desde el móvil, aunque sí desde el navegador del televisor. En ese caso (de la TV) fue todo igual, dar click a los códigos para que se abra el teclado y borrar los textos/códigos que desees. Pero no sé si en los móviles ocurra igual, supongo que sí.

      Eliminar
  6. Gracias por contestar tan rápido y encima en día de fiesta. Cuando los quiera eliminar lo intentare así haber si es igual. Sigue así que los que empezamos te lo agradecemos mucho.
    Felices fiestas.

    ResponderEliminar
  7. Hola Potro, soy yo de nuevo con otra pregunta.

    He puesto en mi web el widget de las redes sociales que tu tienes, pero le he aumentado el tamaño, los problemas son dos:

    1º) Al aumentar el tamaño, la capa transparente que hay encima de cada icono, se ve pero de un tamaño más pequeño que el tamaño de la imagen del icono. Como pongo esa capa al mismo tamaño?

    2º) De los 5 iconos, el 1º cuando pincho para comprobar si funciona, me dirige a una pagina que salen solo textos, números..etc. ¿Como hago para solucionar eso?

    Gracias de antemano, y perdona por ser tan pesado.

    ResponderEliminar
    Respuestas
    1. Hola, sobre ese tema hay que dejar las preguntas en la entrada correspondiente para darle el seguimiento adecuado y no desviarnos del tema principal de esta entrada.
      Saludos.

      Eliminar
  8. Potro, más cositas.

    La pagina: http://www.emprendetuempleo.com/p/libro.html de mi web, a día de hoy es una imagen, que he hecho yo, porque no se hacerlo en html. Esto no debe ser bueno para la web, entonces quiero cambiarlo por código html.

    No se si tu sabrías como hacerlo, pero si sabes, estaría dispuesto a pagar por tu ayuda.

    Espero tu respuesta Potro. Gracias.

    ResponderEliminar
    Respuestas
    1. No he entendido bien ya que al entrar a esa página no veo ninguna imagen, parece que el link está roto.

      Eliminar
    2. La url que debe aparecer en es pagina es esta: https://dl-web.dropbox.com/get/Final.jpg?_subject_uid=268955601&w=AACjmE5FZ9AGH7AidmWLYtgwc1biTJNXtdqfA3X4a9BVEA

      La pagina: http://www.emprendetuempleo.com/p/libro.html de mi web, a día de hoy es una imagen, que he hecho yo, porque no se hacerlo en html. Esto no debe ser bueno para la web, entonces quiero cambiarlo por código html.

      No se si tu sabrías como hacerlo, pero si sabes, estaría dispuesto a pagar por tu ayuda.

      Espero tu respuesta Potro. Gracias.

      Eliminar
    3. Tampoco he podido ver ese link, me aparece un error 403 de Dropbox. Si te fijas ese link no es público, sólo el administrador de la cuenta puede verlo :(

      Eliminar
    4. Vale Potro, ya se cual era mi fallo por el cual no se veía la imagen.

      Te vuelvo a hacer la misma pregunta:

      La url que debe aparecer en es pagina es esta: http://4.bp.blogspot.com/-Yg3KtyRDJe8/VInXEk3XcZI/AAAAAAAAAfc/pMVT2glSfaA/s1600/Fina1l.gif

      Aunque ya debes de poder verla incluso en la página.

      La pagina: http://www.emprendetuempleo.com/p/libro.html de mi web, a día de hoy es una imagen, que he hecho yo, porque no se hacerlo en html. Esto no debe ser bueno para la web, entonces quiero cambiarlo por código html.

      No se si tu sabrías como hacerlo, pero si sabes, estaría dispuesto a pagar por tu ayuda.

      Espero tu respuesta Potro. Gracias.

      Eliminar
    5. Sí sabría cómo hacerlo, pero de momento estoy ocupado haciendo una plantilla de encargo y terminando tengo otra que comenzar. Honestamente no sé cuándo pueda desocuparme para realizar ese trabajo.
      Si te urge mucho quizás quieras practicar con los códigos, puedes usar una tabla HTML o las etiquetas FIELDSET y LEGEND. Quizá al principio te parezca en chino pero con práctica podrás irle dando la forma que deseas.

      Eliminar
    6. Sabrías de alguien que pueda hacérmelo?

      Eliminar
    7. Pregunta a Oloman, sé que él también realiza trabajos mediante pago.

      Eliminar
  9. Otra cosa más Potro.

    Como hago para centrar el cuadro de los comentarios o el de las paginas estaticas?

    Es que quiero reducir el tamaño, pero que no se me quede a la izquierda, si no que se centre.

    Y otra cosa. Como hago para reducir el espacio que queda debajo en blanco, en cada pagina estática?

    ResponderEliminar
    Respuestas
    1. Usa condicionales para que esos estilos sólo se apliquen a las páginas. Ahora mismo no he visto comentarios en esa página estática de ejemplo así que no sé cuál sea el nombre de tu contenedor.

      Eliminar
    2. Creo que no me has entendido del todo.

      Yo quiero que en esta pagina por ejemplo: http://www.emprendetuempleo.com/p/contacto.html

      Se pueda centrar el contenedor de la pagina estatica al centro cuando yo quito el sidebar, como te muestro en la imagen: http://2.bp.blogspot.com/-Dbirl9ADLjs/VIgVgRENkCI/AAAAAAAAAI8/UQsAyDsqlh4/s1600/contenedor%2Bestaticas.jpg


      Y ademas, quiero poder eliminar o reducir el espacio que temuestro en esta otra imagen: http://1.bp.blogspot.com/-3Yo6uL5GB3w/VIgVgOJ9XsI/AAAAAAAAAI4/zs7rQwWhy8k/s1600/eliminar.jpg

      Eliminar
    3. Se tiene que ampliar para que ocupe todo ese espacio, no se trata de centrado sino del ancho del contenedor. Ese es el procedimiento que absolutamente todos los autores aplican para sus plantillas.

      Sobre el espacio de abajo, corresponde a tu formulario, el formulario tiene mucha altura y esa altura "que sobra" es la que ves. En el código de tu formulario (que es un iframe) deberás ver un height='576px', cambia ese 576px por otro valor menor, por ejemplo 475px

      Eliminar
  10. Hola, POTRO, podías decirme como reduzco la cantidad de caracteres en cada una de las entradas.
    http://makabi-de-levantar.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola JESÚS, busca esta parte en tu plantilla:

      summary_noimg = 550;
      summary_img = 450;

      El primer valor es la cantidad de texto cuando la entrada no tiene una imagen, el segundo es cuando sí la tiene.

      Eliminar
  11. Hey Potro, cuanto tiempo, me alegra mucho que hayas vuelto, ahora tengo un serio problema con mi blog, antes se presentaba como aparece en la foto de formula1d.blogspot.com/2014/05/nuevo-diseno.html y, ahora es muy diferente, no se que ha podido dañarse si no toqué nada.

    ResponderEliminar
    Respuestas
    1. Hola Isaac. Supongo que es problema de tus scripts, he visto que están alojados en Dropbox pero los links están rotos.

      Eliminar
  12. Buenas Potro, tengo varios problemas a ver si me puedes ayudar:

    1) He utilizado la plantilla Minima que tienes colgada, pero con el gadget de "Entradas Populares" sale cortado, como puedo ponerlo para que salga bien.

    2) Como puedo agrandar el #Header para que ocupe toda la pantalla, y se vea así desde cualquier resolución.

    Mi blog: http://www.carlosblog.es/. Muchas gracias y un saludete navideño! ;)

    ResponderEliminar
    Respuestas
    1. Hola Carlos, el header no puede ocupar toda la pantalla mientras esté dentro de otro contenedor. Si quieres puedes sacar el header del contenedor principal y ponerlo debajo de la etiqueta BODY, luego ponerle un ancho de 100%
      Para solucionar lo de las entradas populares elimina el text-indent:-15px; que está dentro de .sidebar li

      Eliminar
  13. También estoy viendo otro problema, estoy intentando cambiar los datos del post footer a debajo del título como describes en la guía, pero no me deja:

    No tengo la etiqueta "< div class='post-header-line-1'>", sino: < div class='post-header-line-1'/>. Aunque creo que será igual. Corto y pego debajo de ahí, y una vez previsualizo o guardo, nada cambia. Estoy utilizando la plantilla minima que tienes subida en tu blog. Mi blog: http://www.carlosblog.es/

    ResponderEliminar
    Respuestas
    1. Es posible que la etiqueta la tengas dos veces, una es para la versión web y otra para la versión móvil, así que cuando no funciona con una hay que buscar la otra.

      Eliminar
  14. Saludos Potro mil Gracias por el cursor animado esta fino jejejeje !!!

    ResponderEliminar
    Respuestas
    1. Un poco colorido pero apto para estas fechas :)

      Eliminar
  15. Muchísimas gracias Potro. Es súper simpático! Ya me lo he colocado en uno de mis blogs.
    Graciasssssss

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tu visita, qué gusto que haya sido de tu agrado y ya lo estés usando :)

      Eliminar
  16. Potro, otra cosita.

    Ahora mismo en mi blog, tengo puesto para que en la pagina de inicio solo aparezcan 2 entradas, pero yo tengo publicado 3 entradas.

    Porque abajo de las entradas donde sale el numerito para darle a entradas antiguas, no me sale que tengo más entradas? Que hago para solucionarlo?

    ResponderEliminar
    Respuestas
    1. Ese es un problema que eventualmente se resolverá solo cuando publiques más entradas en el blog.

      Eliminar
  17. Buen dia! Acabo de crear mi primer blog, y la verdad es que no encuentro la palabra body por que es un texto muy largo, me podes decir masomenos en que parte esta?

    ResponderEliminar
    Respuestas
    1. Hola Martina, enhorabuena por tu primer blog.
      Para buscar códigos en Blogger da click dentro del área de los códigos (en cualquier parte pero que sea dentro de los códigos), luego presiona las teclas CTRL + F y busca lo que necesites.
      Saludos.

      Eliminar
  18. hola gracias por los cursores. bueno quisiera que me ayudes tengo un problema con mi blog
    es que cuando busco en los motores de busqueda me sale las entradas que últimamente publique en lugar de la descripción del blog. agradeseria tu respuesta

    ResponderEliminar
    Respuestas
    1. Hola Elio, toma en cuenta que la descripción que muestra Google en los resultados es mostrada a consideración de Google, es decir, que muestra la información que cree que es relevante según los términos de búsqueda que se hayan empleado. No hay garantía de que siempre muestre la descripción del blog, algunas veces podrá hacerlo, pero muchas otras tantas veces no.

      Eliminar
    2. Este comentario ha sido eliminado por un administrador del blog.

      Eliminar
    3. No, eso quiere decir que la mayoría de las veces depende de Google, no de nosotros.

      Pd. Elimino el comentario por el aviso que está en el formulario.

      Eliminar
  19. Hola, estoy creando un blog pero a la hora de editar la plantilla para cambiar el read more por "leer mas" no me aparece ya lo intente varias veces buscandolo con CTRL + F pero sigue sin aparecer ¿que puedo hacer?

    ResponderEliminar
    Respuestas
    1. Hola Roberto, antes de usar las teclas CTRL + F da un click dentro del área de los códigos, de esta forma se activará el buscador del Editor y no el del navegador.

      Eliminar
  20. Hola Potro.

    Me encantó el cursor, queda genial :)
    Por cierto, tengo un problema con la plantilla de este blog: www.winxpruebas.blogspot.com
    Debajo de los posts no aparece la paginación para ir a posts anteriores. ¿Sabes como solucionarlo?
    La plantilla se llama Dribble y es de ThemeXpose. En la demo que hay en su web sí que aparece la paginación, pero cuando pongo la plantilla en mi blog no aparece :/

    Muchas gracias por tu ayuda.

    ResponderEliminar
    Respuestas
    1. Ah y no es problema de que haya pocos posts porque tengo publicados 3 y probé a mostrar uno por página, pero sigue sin aparecer.

      Eliminar
    2. Hola WinxLovely -Lovix, sobre gadgets de paginación no sé mucho, quizá debas consultar con el autor de la plantilla.

      Eliminar
  21. Asi es como lo hice, pero no me aparece, lo busco como Read More, pero no funciona.

    ResponderEliminar
    Respuestas
    1. ¿En cuál plantilla quieres hacerlo?

      Eliminar
    2. Está es la plantilla que quiero editar: http://megamag-pbt.blogspot.mx

      Eliminar
    3. Hay un script en tu plantilla que contiene este texto more Read cambia únicamente el Read sólo para saber si ese el que corresponde a ese texto.

      Eliminar
    4. ¡Si Funciono, gracias!, otra cosa tengo un http://feeds2.feedburner.com/BioGrillo pero esta en ingles, ¿Como lo puedo pasar a español?

      Eliminar
    5. Entra en Optimize > BrowserFriendly > Opciones de apariencia, y selecciona "FuenteClara (Spanish).

      Eliminar
  22. Este comentario ha sido eliminado por el autor.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger