martes, 24 de agosto de 2010

imagen estatica en la esquina del blog

hoy voy a hablarles de como poner una imagen estatica en tu blog, asi como la mia ^^ (esquina derecha inferior) yo por ejemplo tengo a miKu de vocalOid que los acompaña durante la visita del blog... y sirve tambien para subir hasta arriba dandole click en la imagen eso no sabian verdaad? x) bueno les pongo este pequeno tutorial de como hacerlo.!!




Ingresar a tu blog y buscas Diseño

Colocar la opción Editar HTML

buscas </body>; (pulsa Control F para que sea más fácil) que se encuentra al final de toda la plantilla.

Sobre ese código ingresas esto:

<a href='#'><img alt='ir arriba' border='0' src='dirección de la imagen' style='position:fixed; bottom:0; right:0;'/></a>


Y listo! colocas guardar plantilla y saldrá tu imagen


90 comentarios:

  1. en los blog de spaces como se hace ?

    ResponderEliminar
  2. no sabria decirte eri, sobre esos blogs no se mucho sOrri T.T

    ResponderEliminar
  3. grax por el codigo! ^o^
    llevo tiempo queriendo poner una imagen de esas en mi bloguito pero no encuentro ninguna q me guste u.u
    tu de donde sacaste la tuya?

    ResponderEliminar
  4. ^^ genial!! muy útil gracias :)
    una pregunta...¿como haces para que el fondo de la imagen sea tranparente? e puesto una imagen pero sale con el fondo en blanco y queda mal :S
    ¿que hago annyz?
    Arigato =)

    ResponderEliminar
  5. la imagen tiene que estar renderizada airlun osea tienes que cortar solo la imagen en photoshop *.* de echo voy a poner un post de como hacerlo es solo que no he tenido tiempito de sobra T.T si me esperas un ratito con gusto lo explicare en la proxima entrada ^^

    xOxo

    ResponderEliminar
  6. No me sale hacer esto T.T! Ayudame plissss!

    ResponderEliminar
  7. claro con mucho gusto te ayudo n_n

    dime en donde es que tienes problemas?

    ResponderEliminar
  8. PORFAVOR PODRIA PONER EL LINCK DE DONDE DESCARGASTE EL PHOTOSHOP QUE UTILIZAS AHH POR CIERTO TU BLOG MEENCANTA ES HERMOSO

    ResponderEliminar
  9. claro mira yo utilizo photoshop cs3 en español a continuacion te pongo el link donde lo puedes descargar pero es una version de prueba de 30 dias asi lo baje yo tambien T.T

    http://www.solophotoshop.com/tutorial/descarga-gratis-del-photoshop-cs3-extended-en-espanol/523/

    solo copia y pega en tu navegador y te vas a la pagina ..!! espero te sirva

    ResponderEliminar
  10. camilita es muy buena y linda esta pajina ia xao te amo justin biber

    ResponderEliminar
  11. Muchas Gracias por el tutorial! Ahora mismo voy a quitar el fondo a una imagen que me gusto y a probar a colocarla ^^ Besitos!

    ResponderEliminar
  12. la nota es igual a un blog que vi, solo que les cambiaste unas cosas y no pusiste algo, esta es el blog: http://shojodecora.blogspot.com/2009/10/flecha-ir-arriba-en-abajo-de-tu-blog.html

    ResponderEliminar
  13. hola es la primera ves que entro a tu blog y esta increible,una duda entonces las imagenes que se modifican en photoshop tienen que minimisarse y despues ponerlas en un servidor para que funciones o ya me ise bola, porfia ayuda

    ResponderEliminar
  14. Hooola! Me funciono muy bien Gracias por subirlo! ;) Que pases un buen año!

    ResponderEliminar
  15. tailver en donde tuviste problemas ??? avisame donde y con gusto te ayudo ^^

    ResponderEliminar
  16. no encuentro lo de "body"! :S Me encanta tu blog t sigo y t afilio! Si quieres afiliarme este es mi blog: http://divertirseamimanera.blogspot.com/

    ResponderEliminar
  17. A mi no me sale lo de body :S!!!!

    ResponderEliminar
  18. Vale, ahora lo que no me sale es la imagen me sale un cuadritooo!

    ResponderEliminar
  19. hola! tienes un muy bonito blog, muy buen trabajo se nota que le pones mucho esfuerzo felicidades, pero hay te va mi duda ¿la imagen osea la imagen que utilizaste para la esquina donde la descargaste es decir en que pagina o como?

    ResponderEliminar
  20. ayuda annyz no entender iop y en onde me meto pa poner esas cosas plis

    ResponderEliminar
  21. eeeeeei Linda, como haces para poner esas fotos a la derecha? ------->

    ResponderEliminar
  22. T_T nena no puedo poner eso no me sale.. aww
    de hecho e intentado hacer remodelaciones y todo poner asi reloj y el chat y todo como tiene tu blog pero no puedo soy nueva en esto y me gustaria que alguien sea mi tutora mediante messenger
    me puedes ayudar tu?
    mi pagina es por una inestigacion de imformatica
    no te preocupes no te robare tus aportes jeje

    puedes ser mi tutora? me das tu msn onegai shimasu u.u

    ResponderEliminar
  23. claro te ayudo con gusto ^^
    mi msn es x_girl.kawaii_x@hotmail.com

    ResponderEliminar
  24. holaaaa emmm quería pedir ayuda para esto ¡___¡
    esque me sale un cuadrito blanco (transparente) xfiisss si me puedes ayudar
    gracias :3 muy lindo tu blog *-*

    ResponderEliminar
  25. hola wapa!!a mi tambien me pasa eso de que me sale un cuadrito blanco traparente y no se ve como hago

    ResponderEliminar
  26. Me ha servido mucho esta explicación *o* muchas gracias!!

    ResponderEliminar
  27. Hola. está hermoso tu blogger, solo una duda en el codigo dice dirección de la imagen, que se debe poner ahi? ayudame si? plis.

    ResponderEliminar
  28. gracias por la informacion me encanta tu blog
    es tan kawaii ♥w♥

    ResponderEliminar
  29. no me salee D:
    solo me sale "ir arriba...como le hago ayudamee por fis xD

    ResponderEliminar
  30. uhhh reyna *-* que lindo tu blog quiero hacer lo de miku peor no me sale T-T ( soy media tontita para esto u.u ) crees que me podrias ayudar ;3 ~ please T-T

    ResponderEliminar
  31. hola kuromi n.n claro que te ayudo..en que parte tienes problemas??

    ResponderEliminar
  32. A mi no me sale y lo e intentado un monton d veces.
    ¿Cual el la direccion q tienes q poner? y eso de copiar sobre body es q hay q borara ese codigo y escribir el otro?

    ResponderEliminar
  33. el codigo lo tienes que poner al ladito del codigo body y la url es la direccion de la imagen que quieras poner

    ResponderEliminar
  34. muxas gracias, ya m a salido
    sq yo borraba body y escribia el otro ^^

    ResponderEliminar
  35. Graciaaaaaaaaas!!! andaba buscando esa cosa como ponerla *.* afiliame *.* io ia lo hice contigo :) esk amo tu blog >3< me encanta tu blog tus tutoriales son lo maximo >.<
    (:
    Hontoni Arigato :)

    ResponderEliminar
  36. No encuentro el body :S . me ayudas?

    ResponderEliminar
  37. claro que si sabri mira para que encuentres el codigo rapido presiona la tecla ctrl+F y te saldra una barrita de busqueda abajo o arriba segun sea tu navegador, escribe ahi la palabra </body> y pones buscar y encontrara el codigo n.n

    ResponderEliminar
  38. Oh, me Sirvio Mucho! :D Y Muy Bonito Blog! ^-^

    ResponderEliminar
  39. annyz, lindo blog me encanta me a sevido mucho ^.^ pero apenas estoy poniendo eso y nadamas me sale: ir arriba y la imagen no me ayudas :(

    ResponderEliminar
  40. acabe de probarlo neni y me sale bien =S no te comas ni borras ningun caracter del codigo

    estare en msn si me necesitas este domingo en la tarde

    besos

    ResponderEliminar
  41. Annyz Es Que Ai no Me Deja :( Ayudame Porfa

    ResponderEliminar
  42. el codigo se pone completo neni se pone despues de body

    ResponderEliminar
  43. Tiene que ser afuerzas buscar lo de body? porque a mi no me apareció ni con control F así que lo copie de tu blog lo de body pero solo me aparece ir arriba.
    Tambien tiene que ver el tamaño de la imagen? si es asi aproximadamente cuanto debe de medir?

    ResponderEliminar
  44. a la mejor tienes que expadir artilugios es que algunas plantillas son diferentes, mira estare en msn hoy si gustas entrar ahi on gusto te ayudo y con mas tiempo =D

    saludos

    ResponderEliminar
  45. hhahah se me olvido responder tu ultima pregunta el tamaño no tiene nada que ver puedes poner cualquier tamaño de imagen

    ResponderEliminar
  46. Hola! Me encanta tu blog! ^^ Por cierto, he intentado hacer lo de la imagen, pero me da error... A ver, cuando dices la direccion de la imagen quieres decir direccion de internet o del pc? Y el body que se borra o se oloca el codigo que das justo despues? O.o Ayuda plis! ^^

    ResponderEliminar
  47. hola miwako ^^ amm la direccion me refiero a la url directa de la imagen la que aparece arriba en la barra de direccion por ejemplo http://www.bla bla bla si das clic derecho sobre la imagen y te vas a ver informacion de imagen (view image info) veras su direccion en cuando al codigo se pega justo despues de body

    saludos

    ResponderEliminar
  48. jope no se donde te lo vajaste pero es mucho mejor que el mio yo ya me e intentado hacer mi pagina 4 vezes y no me salen las cositas que tu pones :( jo con lo que molan

    ResponderEliminar
  49. si mira en la pagina que te di esta la plantilla que yo utilice, no encontras una diseñada o decorada como esta porque la mia la fui diseñando pco a poco ^^!! con la plantilla de base vas haciendo tu propio diseño

    ResponderEliminar
  50. ok pero ahora lo que me falla es la imagen para poner en la esquina del blog pero siempre que pongo una que encontro en internet y sin fondo pues me pone esto:No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Content is not allowed in prolog.y eso me pasa contodasssss las imagenes no lo entiendo lo que ai que hacer ¿me lo podias escplicar mejor lo de la imagen en la esquina de tu blog? esque tengo un monton de imagenes y quedan super chulis
    :(

    ResponderEliminar
  51. y asta tengo la imagen que tu pusiste donde esplicabas como poner la imagen
    bueno besitos y espero que me alludes porque me encantan tus cositas :)

    ResponderEliminar
  52. OYE PORSIERTO YO ESTOY ASIENDO MI BLOOG EN BLOGGER NO SE SI SE ESCRIBIA ASI NO ME ACUERDO MUY BIEN TU DONDE TE LO CREASTE? PORQUE ESQUE SI TU TE LO CREASTE EN OTRO SITIO PUES ESTO SOLO TE SERVIRA A TI Y A LOS QUE AYAN ECHO SU PAGINA WEB DONDE TU TE LA ISISTE
    :( JO PERO ESQUE YA TENGO MILLONES DE IMAGENES PARA PONER EN UN RINCON DE MI BLOG Y SIEMPRE ME SALE QUE AY UN ERROS CON TODAS >.<

    ResponderEliminar
  53. amm debe ser algo q no estas poniendo bien o.O!!! mira mañana estare en msn si gustas te ayudo ahi con mas calma ^^!

    ResponderEliminar
  54. vale pero una cosa que imagen tiene que ser con que imagen lo isiste tu? ya se que tiene que ser un render

    ResponderEliminar
  55. nop de hecho le puedes poner cualquier imagen que quieras .P!

    ResponderEliminar
  56. si?
    jo pues a mi no me deja
    me podrias esplicar me jor aqui en comentarios esque no te tengo en messenger y no me gusta poner gente desconosida en el messenger

    ResponderEliminar
  57. hahahah okz o.O entonces no se como ayudarte ya intentamos varias cosas, no se quiza el tipo de plantilla que usas o no lo estas poniendo bien x.x !!

    ResponderEliminar
  58. que pena jope maldito sitio que me ise mi blog >.< jo con las hanas que tenia que penis y ya lo e intentado miñones de veses :(

    ResponderEliminar
  59. hola annyz ya esta todo solusionado ya se como se hace pero lo aprendi en otra pagina web parecia ser que el tullo era diferente que el mio
    :)

    ResponderEliminar
  60. si es que algunas plantillas son diferntes y eeso lo hace mas dificil

    ResponderEliminar
  61. Annys konishiwa.. Me alegra mucho escribirte al fin ya que tu blog me a servido bastante tengo poco tiempo cn el mio que ojala y te des una vueltesilla x el sta algo básico ya que como te digo stoy empezando :P En fin eh intentado poner la imagen pero simplemente no me sale ya lo puso después de body la imagen es renderisada hasta el url sta bn no se que falle pro necesito tu ayuda onegai annyz ,,

    ResponderEliminar
  62. oKa ahorita me paso por tu blog ^^ para ver comot e puedo ayudar !!

    ResponderEliminar
  63. hola anny , queria preguntarte como colocar la imagen flotante con el link de sigueme , en mi blog

    ResponderEliminar
  64. hola eclipsa ^^ sip mira acabe de poner el tuto.. espero te sea util

    ResponderEliminar
  65. Hola. gracias por el tutorial me quedo perfecto para mi blog. solo tengo una duda. como puedo poner la imagen para que no quede abajo si no que este arriba de la pantalla? gracias!!!

    ResponderEliminar
  66. Aniel:

    es muy facil donde dice right puedes cambiarle la posicion.. prueba con ponerle up y creo que la posicion cambiara arriba :)

    ResponderEliminar
  67. Hola bella!! Como estas?? Tu blog: estupendo, me he fascinado con él!! Realmente te felicito!! Solo me he quedado con una duda, y no tiene mucha que ver con blogspot.com: yo tengo una cuenta en un juego llamado OHMYDOLLZ (si lo conoces y tienes una cuenta allí estupendo y si quieres agregar mi doll se llama Candelxd), he visto que muchas chicas tienen en su cuenta también imagenes estáticas como las que tú tienes, y he buscado por todos lados y no he encontrado solución; en tu blog se especifica claramente, pero en OMD no existe la opción DISEÑO y es por eso que pido tu ayuda, aunque para responderla es necesario que te crees una cuenta y no quiero causar molestias, pero si ya tienes una es perfecto!!!! Cuento contigo!! Besote!! Garacias!! Perdón por las molestias!!

    ResponderEliminar
  68. hola muy bien muchisimas gracias ^^ la verdad no tengo cuenta ahi pero con gusto te investigo y cuando sepa algo aqui mismo te pongo la respuesta !! besos

    ResponderEliminar
  69. Muchisimas gracias hermosa!! Besotee!!!

    ResponderEliminar
  70. e.e no me sale bien , no se como hacerlo >_< me gustaria que me ayudeees si no es mucha molestia >_< ♥

    ResponderEliminar
  71. hola princess en tutoriales tengo un modo mas facil para poner =D!!

    ResponderEliminar
  72. Annyz! me podrías decir como haces para que tu imagen desaparesca cuando ya llegas al Top?
    esque la tuya cuando la clicko, sube la pagina, pero luego desaparece. Quisiera que el mio haga igual :D
    Porfavor! no encuentro en ninguna parte el codigo! :S

    ResponderEliminar
  73. VictO ::

    awwww es que no he puesto ese tuto.. pero te lo pongo en estos dias para que lo tengas tambien okis?? besitos

    ResponderEliminar
  74. Tengo una duda . . . donde dice `direccion de la imagen` que tipo de direcciones deben ser :S??? :$ onegaii T^T

    ResponderEliminar
  75. amm la direccion de la imagen por ejemplo esta

    http://4.bp.blogspot.com/_1qScJPQzZQo/THMi3QMtKrI/AAAAAAAAAa0/NwQhwLI0Iso/s400/monita.jpg

    esa es una direccion.

    ResponderEliminar
  76. @annyz
    ESTOY MUY TRISTE POR QUE ESO NO ME DEJA PONER LA IMAGEN ME APARECE:
    No Se ha podido analizar Su Plantilla, PORQUE no esta bien formada. Asegurese de Que Todos Los Elementos XML sí Han cerrado correctamente. Mensaje de error de
    de XML: el valor del atributo "src" asociado con un tipo de elemento "nulo" no debe contener el carácter '<'.
    Y NO ME DEJA HACER NADA.....
    T_T

    ResponderEliminar
  77. hola maribell:

    okaa mira te voy a dejar este tutorial que es igual a este pero tiene una manera muuuuuucho mas facil de poner la imagen en la esquina:

    http://annyz-kawaii.blogspot.mx/2011/08/imagen-estatica-en-el-blog-modo-facil.html

    besos

    ResponderEliminar
  78. Holi gracias por el tuto como hago si no quiero a miku?
    que debo hacer para poner otra imagen dime por fis♥
    saludos

    ResponderEliminar
    Respuestas
    1. muy sencillo solo cambia donde dice

      dirección de la imagen

      por otra direccion de imagen que tu quieras

      Eliminar
  79. Hola! Muchas gracias por el tutorial. La verdad, no pensé que fuese tan fácil hacer esto =) Lo acabo de poner en mi blog =) Gracias de nuevo!

    ResponderEliminar
  80. Hola lo acabo de poner en mi blog te agradeceria que pasaraas
    http://thekawaiiblogloveku.blogspot.com.ar/ grax

    ResponderEliminar
  81. Hola tienes un blog hermoso ayudas a muchas personas, ya te sigo... tengo una pregunta, como puedo ponerle a la imagen <<arriba así como la tuya??
    gracias, besitos <3

    ResponderEliminar
    Respuestas
    1. hola nena en la categoria tutoriales encontraras lo que buscas... lo encontraras como imagen en la esquina modo facil ^^ besos

      Eliminar
  82. Waaaau! Estoy maravillada jajaja! no dejo de chekiar q tienes por aqui! Me encanta! Muchas gracias por todo! Ya llevaba tiempito queriendo una imagen al ladito de mi blog y no sabia como! Ahora si!

    ResponderEliminar
  83. donde puedo escontrar mas imagenes de estas para ponerla en mi blog? me gustaria unas asi super Kawaii (:

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.