miércoles, 7 de agosto de 2013

Efectos para Blogger: Objetos que caen y brillos para el cursor

Si se han dado cuenta que en este blog se ven caer por toda la pagina unos hermosos pétalos de flor de cerezo, les enseñaré a como colocar objetos que caen para sus blogs, relojes y algunos efectos para el cursor (puntero).


  • Para eso van a ir a la siguiente pagina: Giffy Baby (por cierto, está en japonés pero no está difícil de usar).
  • En la izquierda de la pagina encontrarán una lista de categorías, en este caso les marcaré la que usé yo:



  • Al abrirlo le saldrán varias opciones,  elegirán la que más les guste (hay objetos que caen, efectos para el cursor, relojes, entre otros)


  • Ahora les llevará a una página donde les mostrará una vista previa del Gadget, y el código para colocarlo. Si al ver  la vista previa no les ha gustado el efecto elegido, solo deber volver  a la pagina anterior y probar con otra ;)

  • Una vez copiado todo el código van Blogger > Diseño > Agregar un gadget (en mi caso agregué el Gadget en una de las barras laterales), en la ventana que les va a aparecer varias opciones, van a elegir HTML/JavaScript pegan en el código, le dan a Guardar y listo! El efecto ya debería ser visible en sus páginas.
  • A todo esto verán que se ha agregado un pequeño banner que los lleva a la pagina de estos Gadget, si no desean que aparezca este banner en su página solo deben borrar una parte del código, tienen que borrar todo lo que está escrito después de  </script> (en la imagen marqué con gris ):


--Enlace a la página >GiffyBaby<

Espero que que este tutorial les haya  servido, para cualquier duda dejen un comentario ^^

45 comentarios:

  1. Te quedó espectacular, Cherry! =D

    ResponderEliminar
    Respuestas
    1. Yo lo hice en homepage imvu pero no me sale nada. o es que demora un timpito para que salga?

      Eliminar
    2. Mei, no se como funcione el sistema en Imvu, quizá solo acepta html básico, como formatos de texto, inserción de imágenes o reproductores.
      Saludos!

      Eliminar
  2. Respuestas
    1. De nada! Me alegra que te haya servido! ^^

      Eliminar
  3. Graaacias!! me encantó la página y la entendí porque sé japones ewe

    ResponderEliminar
    Respuestas
    1. De nada ^^ Genial que sepas japonés!! :o también me gusta es idioma, es lindo! ♥

      Eliminar
  4. Una pregunta como pones así los comentarios...?

    ResponderEliminar
    Respuestas
    1. Hola Nekane! :) A que te refieres, con los comentarios? Podrías ser más específica con tu pregunta? esperaré tu respuesta ^^

      Eliminar
    2. Me ha servido para mi blog gracias.

      Eliminar
  5. Hola, muy precioso todo, me encanto, gracias bendiciones.

    ResponderEliminar
    Respuestas
    1. Gracias! ^^ De nada Mary, Bendiciones para ti igual n.n

      Eliminar
  6. Despues como los saco? Jeje

    ResponderEliminar
  7. Hermosoooooo!!!! gracias por la sugerencia!!! amé el efecto!!! y precioso tu blog, por cierto ☺

    ResponderEliminar
    Respuestas
    1. Me alegra que te haya gustado ^^ gracias por visitar mi blog :)

      Eliminar
  8. Como le hiciste para poner esos gatitos en tu blog?

    ResponderEliminar
    Respuestas
    1. Disculpa lo tarde, no vi tu comentario >.<
      A que gatitos te refieres?, el del pequeño chat son emoticones agregados, la gatita que mueve la cola es un botón de subir que añadí n.n y el gato Terry es un archivo flash, si deseas saber algo más especifico vuelve a comentarme acá ^^ Saludos!

      Eliminar
  9. MUCHAS GRACIAS!!! hace mucho que le quiro agregar ese efecto a mi blog y no podia.. al fin!!

    ResponderEliminar
    Respuestas
    1. De nada, me alegra que te haya servido ^^ Gracias a ti por visitarme :D

      Eliminar
  10. Hola Cherry, te quería decir que yo quiero ponerle una cosita hay Kawaii al cursor y otra cosa... Se puede?

    ResponderEliminar
  11. Bueno intentare para ver si se puede. Sino te digo para ver si me puedes ayudar...

    ResponderEliminar
  12. Ya intente. Si se pudo :) Aaaaaa urra por mi xD gracias por todo Cherry x3

    ResponderEliminar
    Respuestas
    1. Que bueno que te resulto! ^^ De nada :)

      Eliminar
  13. Hola muy lindos los efectos, agregue uno a mi blog

    ResponderEliminar
  14. Lo maximo!!! me salvaste con una tarea...gracias!!1

    ResponderEliminar
  15. oww esta hermoso me encanto tu blog n.n
    quisiera tener mas obsiones para un blog

    ResponderEliminar

  16. Siempre y todos los dia son fechas para no pasar por alto, vivamos una epoca de armonia, acompañamineto y detalles, celebra compartiendo y regalando
    Arreglos Florales en familia y para todos.

    ResponderEliminar
  17. owww, no saves como te lo agradesco, gracias... xD
    Y me encanto el juego de abajo, ya que me encantan los gatos... :)

    ResponderEliminar
  18. Muchísimas gracias, me ha encantado y me ha servido de mucha ayuda. Besotes.

    ResponderEliminar
  19. Hola Chery muchas bendiciones me gustaria aprender a cambiar imagenes a gif o ponerle efecto como de lluvia,viento o sea de movimiento que me recomendarrias por favor si desea enviame la informacion en mi email minytata@gmail.com gracias y bendiciones bello blog

    ResponderEliminar
    Respuestas
    1. Hola Minerly!! Yo uso esta pagina https://www.online-image-editor.com/?language=spanish ahí se puede colocar lluvia en la pestaña que dice 2013, también glitter y estrellas, de colocar viento no conozco paginas aún, quiza puedas hacerlo con photoshop ^^
      Gracias! igualmente bendiciones ♥

      Eliminar
  20. me gusta lo que haces y me gustaría me explicaras como personalizar el puntero como este que has hecho, que dice cherry. Gracias. aqui te dejo mi email: raciel@bnjm.cu

    ResponderEliminar
  21. Hola Cristina; he abierto un blog para escribir sobre reflexiones y la vida. Estoy "poco puesta" en esta materia y me gustaría que me dijeras que tengo que hacer para tener "seguidores" y poder comunicarme con otros blogs. Veo que eres una experta. Mi blog es. escaladeviaje.blogspot.com.es. Un abrazo Ana

    ResponderEliminar
  22. hola y si el codigo no tiene donde lo podemos poner?

    ResponderEliminar
  23. hola y si el codigo no tiene donde lo podemos poner?

    ResponderEliminar
  24. Muy buena pagina y muy bien explicado. Por si quieres ver como me quedo:http://belenrepostera.blogspot.nl

    Graciassss

    ResponderEliminar
  25. excelent aporte,justo lo que necesito para un blog de entretenimiento,thanks.

    ResponderEliminar
  26. Hola estimada:

    Gracias por compartir esta web. Pero por alguna razón no me deja agrgarlo. He seguido tus pasos al pie de la letra y creo que tengo algún problema con blogger. Qué me sugieres hacer?

    De antemano muchas gracias!

    ResponderEliminar
  27. gracias y coincido con Fairy, tampoco me deja agregarlo. alguna idea de por que?

    ResponderEliminar
  28. Ains....El enlace ya no sirve, intentè abrirlo y ya no se puede, que me puedes sugerir?....Necesito esos efecto xd

    ResponderEliminar