ACERCA DECONTACTO

Tutoriales (4) - ¿Cómo quitar la sombra de las imágenes en el blog?

18 mayo 2013

¡Hola! Hoy es día de tutorial. Espero que les sirva, a mi me encanta como se ve el blog después de esto :3
La verdad es que lo que hace que los blogs tengan un diseño precioso son detalles tan sencillos como este, en serio.
¿Quieres aprender algo nuevo para hacer que tu blog se vea hermoso? Esta es tu sección. (o incluso, ¡puedes ayudar a los demás a embellecer su blog mandándome un tutorial tuyo!)
Okay, como muchos se habrán dado cuenta, cuando empiezas a utilizar blogger y creas tu blog por primera vez aparece una molesta sombra que no sabes como quitar en cada imagen (EJEMPLO), muchos todavía la tienen y les voy a decir: se ve mal. O bueno, a mi no me gusta para nada como se ve.
Entonces, para todos aquellos que no saben como quitarla y quieren quitarla… aquí les va este sencillo y útil tutorial :3
(este tutorial es con la nueva plantilla html que esta utilizando blogger, te explico todo desde 0 así que no tienes porque saber como utilizarla, aunque si quieres saber más puedes hacer click aquí y empezar a jugar un poco con los códigos)
¡Empecemos!
Primero, vas a "Plantilla" ➜ "Editar html"
Luego…
*los (me salté una L, lo siento)

Sencillo ¿no? Y la verdad es que hace un cambio realmente enorme en el blog u.u
Espero que les haya sido útil!
Abrazos :3
andii*

40 comentarios:

  1. Gracias :D tenía mucho preguntándome cómo podía quitarle esa sombra pero tengo un problema... cuando le doy a ctrl+f no me sale lo de post-body >< también lo he buscado por la zona en la que te sale a ti pero no está.

    ResponderEliminar
    Respuestas
    1. O sea, no te sale el código?
      A ver, busca /* Posts y dentro de esta "sección" debe estar algo como el código de arriba… como por en medio.
      Si no esta, intenta agregar este código por ahí:

      .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
      .BlogList .item-thumbnail img {
      padding: $(image.border.small.size);

      background: $(image.background.color);
      border: 0px solid $(image.border.color);

      -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
      box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
      }

      ya me dirás si te sirvió o no, sino me mandas un correo y ya te explico mejor y así(:

      Eliminar
    2. Hola Andii!

      No me sale "post-body", y agregué el cachito que le diste a Kashmir, pero tampoco me funcionó :/ ¿Podrías ayudarme por favor? Mi plantilla es algo extraña ;(

      Gracias por el tutorial y la info, saludos!

      Eliminar
    3. ¿Si le picaste a la flechita negra?
      ¿Ya buscaste en toda la plantilla y no te sale nada parecido a lo que esta en la imagen?
      Y el código que agregaste… ¿cambiaste todo a 0?
      Checa muchas veces y bien y ya si no mándame al correo una captura de pantalla o algo, a ver como te puedo ayudar(:

      Eliminar
    4. Lo estaba haciendo en el blog de prueba y ahorita que lo cambié al blog que uso, mágicamente ya no tenían sombra. Te juro que no sé qué le moví.

      Estaba comparando mi plantilla con otras y resultó que la mía era muy viejita y que por eso no venían los códigos escritos igual, bien raro. Y de hecho para modificarla tuve que moverle varias cosas diferentes a lo que encontré en tutoriales.

      Gracias por contestar, saludos!

      PD: Bonito el cambio en el menú :)

      Eliminar
    5. Hahaha, suele pasar, yo luego tampoco se que hago y ¡puf! Mágicamente aparece(:
      Y si… es raro, pero así es blogger.
      No hay de que, y ¡Gracias!
      Me esta dando un dolor de cabeza porque no me deja hacer nada PUF, pero bueno, ya lo arreglaré(:

      Eliminar
    6. Suerte, te recomiendo que le pongas fondo porque los submenús se pierden con la letra de las entradas. Estamos en contacto, saludos! :)

      Eliminar
    7. ¡Si, eso quiero hacer!
      Pero no sé porque no me deja :c
      Así que sigo intentando…

      Eliminar
  2. Ummm, ¿cuál sombra? No recuerdo haberlo visto, ¿o estoy ciego? ¿El mío la tiene? Jaja.

    ResponderEliminar
    Respuestas
    1. El tuyo no, estoy casi segura de que no.
      Es algo así: http://3.bp.blogspot.com/-_IUMad44Qko/UZgDXEDU2sI/AAAAAAAAIsg/7CdiUZX0qrg/s1600/Captura+de+pantalla+2013-05-18+a+las+17.39.53.png
      Y se pone en TODAS las imágenes, hasta png, por eso se ve mal… (si se alcanza a ver esa pequeña, pero molesta, sombra?)

      Eliminar
  3. Mil gracias!!! tienes mucha razón, se ve muy mal, sabia que habia un modo de quitarlas pero no sabia como, esta verdaderamente muy facil
    Gracias de nuevo!
    Besos!

    ResponderEliminar
  4. G R A C I A S !!!
    Vi un montón de tutoriales, pero el tuyo es el mejor (:
    Hermoso blog, ¡felicidades!

    ResponderEliminar
  5. gracias explicas muy bien
    y tienes razon esos pequeños detalles hacen que mi blog se vea mejor :)

    ResponderEliminar
  6. muchas gracias! tu ayuda me vino genial! me estaba volviendo loca tratando de sacarlo sola...

    saludos! ^^

    ResponderEliminar
  7. muchisimas gracias! llevaba un rato intentando con otros tutoriales y no me funcionaba hasta que he dado con tu página.
    un saludo!

    ResponderEliminar
  8. Muchisimas gracias! Es verdad, se veía horrible con la sombra! Porfin pude quitarlo de mi blog!

    Saludos

    ResponderEliminar
  9. Cometí un error al aplicar el código, se me desconfiguró el blog! :(

    Te escribí un email, contando mi problema.
    Espero me puedas ayudar.

    Gracias

    ResponderEliminar
  10. Hola! Me ha servido mucho tu entrada! Sería muy útil si explicases cómo quitar la sombra en blogger al texto. A mi me aparece un sombreado horrible y no sé quitarlo! Muchas gracias!

    ResponderEliminar
    Respuestas
    1. Que bueno que te haya servido(:
      Lamentablemente no sé como quitar la del texto ya que a mi nunca me ha aparecido…
      Tendrás que experimentar con el html buscando el código que debes quitar o cambiar.

      Eliminar
  11. muchas gracias por la ayuda!!!!! No sabía cómo quitar eso, la vedad es que es muy feo! :d mil gracias! :D

    ResponderEliminar
  12. En verdad gracias, antes no me había fijado XD

    ResponderEliminar
  13. holaaa no puedo quitarle la sombra...he tratado lo que dijiste en el post y en el foro pero nada!!!!

    ResponderEliminar
    Respuestas
    1. ¿Estás segura de que lo has hecho todo como dice? A veces solemos saltarnos un paso y por eso no funciona.
      Si si lo has hecho… pues que raro, debería funcionarte :/

      Eliminar
  14. GeniAl!!! muchas gracias muack!!!

    ResponderEliminar
  15. Muchas gracias. Mi blog mejoró como yo deseaba!

    ResponderEliminar
  16. Lo hice tal y como vos lo hiciste pero no se fue la sombra :(

    ResponderEliminar
    Respuestas
    1. Si lo hiciste exactamente igual debe haber un error en la plantilla, problemas de blogger :s
      Inténtalo otra vez a ver si funciona(:
      Si no, ve al foro de google, igual y te pueden ayudar.

      Eliminar
  17. Graciaaas! todavia no me creo que lo haya conseguido!!!

    ResponderEliminar
  18. Gracias por una solución tan rápida y efectiva! Qué gusto haber eliminado las sombras!

    ResponderEliminar
  19. Muchas Gracias! :D enserio que me molestaba mucho esa sombrita !

    ResponderEliminar
  20. Me ha ayudado tanto, ¡gracias! A mi tampoco me gusta para nada esa sombra y ahora puedo descansar en paz jaja

    ResponderEliminar
  21. Hola he instalado una plantilla btemplates en mi blogger y las entradas por defecto aparecen con la imagen en la pagina de inicio y si no le pongo imagenes deja el hueco donde iria dicha imagen, como podria arreglarlo para que no apareciera ese hueco ni imagen.
    muchisimas gracias de antemano un saludo

    ResponderEliminar
  22. Muchas gracias! lo intento y lo intento pero siempre me da un error, llevo ya dos días intentando desde windows,mac...y nada, me sale este error More than one widget was found with id: AdSense1. Widget IDs should be unique
    Como puedo arreglarlo?? gracias!

    ResponderEliminar
    Respuestas
    1. Hum. Que raro.
      La verdad no sé como ayudarte, yo te recomendaría abrir un foro de ayuda en google o pedirle consejos a alguien que sepa más de html.
      Suerte(:

      Eliminar

“I am so clever that sometimes I don't understand a single word of what I am saying.” (Wilde)

Real me por Andrea |19.06.10