10/12/12

Cómo quitar la sombra que sale alrededor de la columna de la plantilla Simple

Hace unas semanas vimos cómo hacer copia tanto de la plantilla HTML (diseño blog) como del contenido de nuestro blog (posts, comentarios, etc.)

Por cierto, si alguien se lo ha perdido, puede verlo aquí; es importante tener siempre esto a mano.

Pero cómo os dije, lo mejor es que siempre hagáis un pantallazo del antes y del después.

Os explico por qué:

Si por ejemplo tocáis la plantilla para cambiar una cosa, y luego cambiais otra y otra más, y hacéis copia, si luego queréis quitar ese primer cambio, y reestableblecéis el blog a cómo estaba cuando hicistéis la copia, váis a perder los dos últimos cambios, que no queréis quitar.

Si tenemos guardado cómo estaba antes de ese cambio en concreto y cómo estaba después, si queremos quitar esa cosa, sólo tendremos que volver a dejar la plantilla como en la foto de ese antes.

Y metido este rollo, pasamos a ver paso por paso cómo quitar la sombra que pone Blogger alrededor de la columna total del blog.

Por si alguien se pregunta qué es esto... esto es (y también está arriba, sólo que como este blog tiene la barra de Blogger, no se aprecia bien):





En las que no tienen fondo blanco, es menos obvia, pero a mi me gusta quitarla para que el fondo en esa zona no se vea más oscurito, sino que quede bien limpito.

(Por supuesto en blogs con fondo oscuro, no hace falta para nada, es solo con fondos claritos)

Además es muy fácil.

✎ Id a Plantilla

Edición de HTML

Continuar

✎ Y buscad:

.content-outer {
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 10px #333333;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
margin-bottom: 1px;
}


✎ Para ello abrid el cuadro de búsqueda (Crtl + F) y escribid:

.content-outer

Eso os hará encontrar lo que estábamos buscando

✎ Ahora borrad las cuatro líneas que contienen la palabra shadow

Fijaos en mi plantilla antes:


Y después; simplemente he seleccionado las cuatro líneas y le he dado a suprimir:


✎ Dad a Vista previa para comprobar que la sombra ya no está pero que todo lo demás está bien.

Con un fondo "normal", o sea, no blanco liso, será menos obvio el cambio, pero siempre está bien para que no quede esa zona rara (y también arriba si habéis quitado la barrita de Blogger).


✎ Dad a Guardar plantilla y cerrar la ventana

¡Y ya está!

Nota: ya sabéis que si al dar a Vista previa vemos que no ha funcionado lo que queríamos o se ha estropeado alguna otra cosa, hay que dar a Borrar cambios. Cuando nos pregunte si queremos descartar todos los cambios no guardados, le damos a Aceptar y cerramos el cuadro de edición de HTML.

Ah, y si lo que queréis es un blog todo blanquito, no os olvidéis poner las rayitas separadoras (Blogger les llama acentos) en color blanco también ;)

Espero que os haya gustado.

Besos,



Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

61 comentarios

  1. Hola! A raíz de esto me ha surgido una duda. Yo esta sombra ya no la tengo pero lo que sí tengo es como un borde gris que rodea el hueco del blog y no sé como quitarlo. Si entras en mi blog verás con claridad a lo que me refiero: http://www.funfearlessfemale.tk
    Sabes cómo sacarlo?
    Un beso!

    ResponderEliminar
  2. Uy que bien me viene ésto. Llevaba tiempo queriendo quitar esa maldita sombra y no sabia si era demasiado pedir y que eran manias mías y no se podía quitar.
    Mil gracias!

    ResponderEliminar
  3. Como siempre, muchas gracias Blanca por compartir con todas las bloggeras pequeños truquis para mejorar nuestro blog.
    Un abrazo!!

    ResponderEliminar
  4. Pues en mi caso no es necesario pero es una gozada aprender todos los truquis que nos enseñas¡¡
    Un besote

    ResponderEliminar
  5. Estupendo, la verdad que eres de una gran ayuda,
    Un beso.

    ResponderEliminar
  6. Que bien! Llevo tiempo pensando en quitar la sombra :)

    ResponderEliminar
  7. Profe, ya lo he hecho! Y he eliminado para siempre esa sombra odiosa de mi fondo blanquito y limpito ;-)

    He sentido un poco de pánico al eliminar esas líneas ininteligibles de la plantilla HTML, pero lo he logrado!

    Besos y gracias como siempre por pensar en nosotras!

    Ana

    ResponderEliminar
  8. Otra vez yo!
    Gracias, gracias, gracias!!
    He quitado esa maldita sombra que tanto odiaba.
    Por si lo quieres ver: http://enla-gloria.blogspot.com/

    ResponderEliminar
  9. Yo no lo tenía! pero aun así viene bien saberlo :)

    Y he cambiado el fondo de mi blog. He usado el fondo quatrefoil, pero "tuneándolo" a mi manera :) creo que me ha quedado aceptable!

    Besos
    Bocados Divinos

    ResponderEliminar
  10. He conocido tu blog ahora mismo y ya me he instalado, me parece muy util que existan estos espacios para los que tenemos blog y muchas veces o por no decir siempre, nos hacemos un lio con las explicaciones de icono de ayuda. Asi, que me quedo por aqui. Besos

    ResponderEliminar
  11. I simply could not go away your site prior to suggesting that
    I actually enjoyed the usual info an individual supply to your visitors?
    Is gonna be again frequently to investigate cross-check new posts
    Stop by my web page : easy ways to make extra money from home

    ResponderEliminar
  12. Hola Blanca! Qué buen blog!!! Recompleto! Y qué generosa! Te sigo! y me lo voy a leer todito!!! ;)
    Besos
    http://fabi-objetotransicional.blogspot.com.ar

    ResponderEliminar
  13. Gracias Blanca! Por fin lo he hecho en mi blog. No sabes de cuánta ayuda eres!!!

    ResponderEliminar
  14. No sabes como te agradezco este tutorial.... Siempre puse fondos de color a mi blog por culpa de la sombra, sin embargo, no acababa de gustarme el resultado.... Con tu ayuda, vamos puliéndolo!!!! Mil gracias

    ResponderEliminar
  15. ¡Hola! Llevo muchísimo tiempo intentado cambiar el color de la línea separadora (o acento en blogger) pero, ¡Es imposible! Tengo una fotografía mía de fondo exterior, y el fondo interior en negro. Me gustaría poner la línea divisora en azul, así como este blog la tiene rosa. Por más que cambio el color en "personalizar plantillas, acentos..." No consigo ponerlo. Espero tu ayuda. Un saludo!!

    ResponderEliminar
  16. Ya está hecho, muchísimas gracias.

    ResponderEliminar
  17. Hola Blanca! ¿Podrías decir también cómo quitar el fondo gris rectangular que aparece al final de cada post? Donde los logos de las redes sociales y comentarios. Muchas gracias!

    ResponderEliminar
  18. me estoy volviendo loco con la nueva plantilla... no hago más que desplegar flechitas y no encuentro .content-order

    ResponderEliminar
  19. Hola Blanca, no se como he llegado a tu blog, pero llevo más de una hora sin despegarme dando vueltas y leyendo y leyendo post. No se como no he llegado antes hasta aquí.

    Me interesaría mucho quitar la sombra pero con la plantilla nueva esto la busqueda no sale y no se como podría buscarlo... ¿Me ayudas un poquito?

    Gracias por todo el trabajo que haces, estoy in love con tu blog de verdad.

    Un besazo.

    ResponderEliminar
  20. Graciaaaas mil !!! bien lo conseguí gracias a ti guapa muaaac!
    me tenia negra la sombrita dichosa jajajaj

    ResponderEliminar
  21. ¡Hola Blanca! ¡¡¡ME ENCANTA TU BLOG!!! Es que cada post que leo me gusta más que el anterior, empezar a leer es un no parar y pienso comprarme todos tus libros, porque seguro que no tienen desperdicio :)!

    Me interesa quitar la sombra de la plantilla, porque la ODIO, pero por mucho que lo intento no hay manera ¿alguna idea de cómo hacerlo con la nueva plantilla de blogger?

    Un besito y muchas gracias por ayudarnos a mejorar a todas!

    ResponderEliminar
  22. Me ha venido perfecto!! despues de trastear por todos lados y no poder quitarlo, me tenia negra jaja. mil gracias :)

    ResponderEliminar
  23. ¡Muchísimas gracias! Me resultó muy efectivo tu consejo, me frustraba ver esa sombra tan terrible en el fondo de mi blog y en cada imagen que publicaba...
    Por cierto, ¡tienes un blog demasiado hermoso!.

    Saluditos♡

    ResponderEliminar
  24. ¡Muchísimas gracias! Me resulto muy efectivo tu consejo, me era terrible ver esa sombra en el fondo de mi blog y en cada imagen que posteaba...
    Por cierto, ¡tienes un blog muy hermoso!.

    Saluditos♡

    ResponderEliminar
  25. Hola Blanca...
    He seguido todos los pasos para quitar la sombra pero no hay manera...
    no encuentro por ningun lado el content-outer..¿me podrías ayudar por favor?
    Gracias

    ResponderEliminar
    Respuestas
    1. Bego, content-outer tiene que estar sí o sí

      - Entra en Editar tu plantilla
      - Pincha en ella, en cualquier lugar (esto es importante, porque si no, cuando busques, estarás buscando FUERA de la plantilla, lo que es en tu pantalla del ordenador)
      - Abre el cuadro de búsqueda pulsando Ctrl + F
      - Escribe: content-outer
      - Pulsa Intro/Enter

      Te lo encuentra

      Y borras las líneas de la sombra

      Besos,

      Eliminar
  26. No sé cómo darte las GRACIAS...se ve que pinchaba fuera de la plantilla...
    Ha quedado perfecto...
    Y aprovechando tu AMABILIDAD y para seguir haciendo tus tutoriales que son INCREIBLES...necesito saber por qué en el DISEÑADOR DE PLANTILLAS, AVANZADO, no puedo usar el CSS porque NO tengo activado el Aplicar al blog...y claro NO puedo hacer un monton de cosas..
    Por favor ¿me podrías ayudar?
    Un millón de GRACIAS

    ResponderEliminar
    Respuestas
    1. Bego, sólo se activa cuando realmente escribes algo.

      Por defecto no le puedes dar. Es cuando escribes algo en CSS que puedes aplicar los cambios

      Si no, no sé.

      Besos

      Eliminar
    2. GRACIAS... ya te contaré.
      Feliz Finde.
      Besitos

      Eliminar
    3. Ya estoy aquí...me faltaba darle al intro...
      Qué contenta estoyyyyyyyyyyyyyyyyyyyyyyyyyyyy....
      Voy a utilizar tus tutoriales para mejorar mis blogs... gracias, gracias y gracias...
      Si puedo hacer algo por ti....ni lo dudes.

      Eliminar
  27. ¡Hola Blanca! (Yo también me llamo así, y se me hace raro llamar a otra persona por el mismo nombre que el mío) La verdad, todos tus tutoriales son magníficos y realmente útiles.¡Muchísimas gracias por ser así! Besos xxx

    ResponderEliminar
  28. Muchas gracias por tus super consejos!!

    Una duda a ver si me la puedes resolver, como puedo quitar el borde (o pornerlo blanco para que no se vea) de la barra de las páginas en una plantilla simple de blogger?

    Gracias y un saludo!

    ResponderEliminar
  29. Muchas Gracias por tus consejos me sirvieron mucho!! desde Honduras

    ResponderEliminar
  30. Hola, Blanca! Agradezco muchísimo tu trabajo y el de todos aquellos que ayudáis a los novatos como yo en esto de los blogs. yo llevo dos días intentado quitar esa sombra, el problema es que en mi plantilla no aparece nada de 'shadow' y entonces no sé cómo hacer. He probado de mil maneras y nada...
    Si alguien pudiera ayudarme so lo agradecería!!!

    ResponderEliminar
    Respuestas
    1. Me pasa lo mismo y tengo que decirlo, te saca de quicio, porque buscas y buscas y no aparece nada. Tiene que haber alguna manera... pero no la encuentro. Besos.

      Eliminar
  31. Yo tengo el mismo problema! no aparece shadow :(

    ResponderEliminar
  32. Blanca!! no puedo sacarle la sombra, busco .content-outer { con ctrl+f y no me aparece, no lo encuentra! y no puedo editar nada en la plantilla html y tengo plantilla simple, quiero poner el borde tambien pero no se por que no puedo, me ayudas por favor?

    ResponderEliminar
  33. A mí no se me quita tampoco. Me sigue apareciendo de nuevo :((

    ResponderEliminar
  34. Me encanta! Gracias Blanca por estos truquitos :)

    ResponderEliminar
  35. Hola Blanca, pues yo sigo sin poder quitarle la sombra, no encuentro .content-outer, me puedes ayudar? gracias

    ResponderEliminar
  36. Hola Blanca! En las imágenes que yo pongo sale un marco blanco/gris alrededor. Como podría quitarlo?? Podrías hacer un tutorial?? (Si no es una molestia)
    Besooos😘

    ResponderEliminar
  37. Muchas gracias Blanca! Todavía me faltan un montón de cosas, pero pasito a pasito y con tu blog voy mejor :D

    ResponderEliminar
  38. gracias de gran utilidad, me estorbaban, ahora no sabes como puedo acortar el espacio entre columnas

    ResponderEliminar
  39. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  40. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  41. Gracias por el post. Acabo de encontrar el blog justamente buscando esto y me ha ido perfecto
    Muchas gracias

    ResponderEliminar
  42. me funcionoó de maravilla, graciaaaaaasss

    ResponderEliminar
  43. Muchísimas gracias por compartir, me ha sido de gran ayuda
    Un saludo

    ResponderEliminar
  44. no me salen esas palabras o códigos en mi HTML, como hago?

    ResponderEliminar
  45. Muchas gracias por la info, me ha venido genial.

    ResponderEliminar
  46. ¡Hola Blanca! A mí me pasa algo parecido, verás, donde está la cabecera del blog aparece una sombra azulada que me está poniendo de los nervios porque la odio, ¿Sabes si se puede cambiar o por qué ocurre eso?

    Te dejo mi blog para que le eches un vistazo si puedes:

    http://caminoosdepalabras.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Ok, ya está perfecto. ¡Este tutorial me ha ayudado muchísimo! Muchas gracias.

      Eliminar
  47. Buenas noches Blanca, en primer lugar darte la enhorabuena por tu blog. En segundo lugar, me gustaría comentarte un pequeño problema que tengo y es que el citado ".content-outer" no aparece en mi html, por lo menos no lo encuentro, y la verdad es que me gustaría quitar ese sombreado para que quedara el blog más limpio.

    Te dejo mi blog para que le eches un vistazo: http://pasionygloriasdeconil.blogspot.com.es/

    Gracias de antemano, reciba un cordial saludo.

    ResponderEliminar
  48. Como puedo eliminar el fondo de la portada? es igual al que estaba antes de hacer esto pero solo en la portada quedo.

    ResponderEliminar
  49. Funciona perfecto. Genial. Gracias!!

    ResponderEliminar
  50. Hola, intente hacerlo pero no resulto, me parece que no son sombras sino lineas, como puedo quitarlas? y tambien me gustaria quitar los acentos, para tener un blog blanquito. Espero que me puedas ayudar
    dejo mi blog http://arquitectodanielmorenoflores.blogspot.com.ar/
    Muchas gracias, esta muy lindo tu blog.

    ResponderEliminar

© Personalización de Blogs. Diseño: Eve y Blanca.