![](\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/poner_sombra_imagen1.png\")
<\/a><\/div>\n<\/p>\n
\n<\/div>\n
\nC\u00f3mo he tenido algunos comentarios preguntando si se puede aplicar ese efecto s\u00f3lo para algunas de las fotos he buscado una soluci\u00f3n que puede que os sirva. <\/div>\n
\n<\/div>\n\n\u00bfC\u00f3mo poner sombra a algunas de las im\u00e1genes de blogger?<\/h3>\n
\n\u00bfC\u00f3mo poner sombra a algunas de las im\u00e1genes de blogger?<\/h3>\n\nSi lo que quieres es que s\u00f3lo algunas de las fotos que subes al blog mantengan ese efecto de sombra tienes que aplicarles un estilo css<\/div>\n\n<\/div>\n\n<\/div>\n\nC\u00f3mo yo tengo modificado el blog para que me salgan las im\u00e1genes por defecto sin sombra en esta imagen no he hecho nada.<\/p>\n<\/div>\n\n<\/div>\n\n![](\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/foto_sin_sombra1.png\")
<\/a><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\nC\u00f3mo poner efecto de sombra a una imagen <\/h3>\n\n\nPaso 1<\/h3>\n<\/div>\n\n<\/div>\n\nNota: Este paso s\u00f3lo lo hacemos una vez en el blog<\/i><\/div>\n\n<\/div>\n\nCopia y pega el siguientes c\u00f3digo en Plantilla\/ Personalizar\/ Avanzado\/ A\u00f1adir CSS<\/b><\/div>\n\n
<\/b><\/div>\n\n\n#sombraimg{<\/div>\n<\/div>\n\n -webkit-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n -moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);<\/div>\n\n}<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\nPaso 2<\/h3>\n\nEl siguiente paso es poner dentro de la etiqueta de cada imagen a la que queremos a\u00f1adir el efecto id=’sombraimg’<\/div>\n\n<\/div>\n\nNota: Este paso lo hacemos en cada imagen en la que queremos a\u00f1adir una sombra<\/i><\/div>\n\n
<\/i><\/div>\n\nVamos a la entrada del post donde tenemos la imagen a la que queremos a\u00f1adir el efecto sombra, en el post tienes arriba un bot\u00f3n donde pone html, buscamos la imagen, para ello puedes usar la opci\u00f3n de busqueda Crtl+f y cuando salga el buscador poner img para localizar las fotos.<\/div>\n\n<\/div>\n\nUna vez localizada la imagen, en mi caso la de abajo a\u00f1adimos el id<\/div>\n\n<\/div>\n\n<img id=’sombraimg’ border=\u00bb0″ src=\u00bbhttps:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/foto_con_sombra1.png\u00bb \/><\/div>\n
\n<\/div>\n
\n<\/div>\n
\nC\u00f3mo yo tengo modificado el blog para que me salgan las im\u00e1genes por defecto sin sombra en esta imagen no he hecho nada.<\/p>\n<\/div>\n
\n<\/div>\n
\n<\/a><\/div>\n
<\/a><\/div>\n\n<\/div>\n
\n<\/div>\n
\n<\/div>\n\nC\u00f3mo poner efecto de sombra a una imagen <\/h3>\n
\nC\u00f3mo poner efecto de sombra a una imagen <\/h3>\n\n\nPaso 1<\/h3>\n<\/div>\n\n<\/div>\n\nNota: Este paso s\u00f3lo lo hacemos una vez en el blog<\/i><\/div>\n\n<\/div>\n\nCopia y pega el siguientes c\u00f3digo en Plantilla\/ Personalizar\/ Avanzado\/ A\u00f1adir CSS<\/b><\/div>\n\n
<\/b><\/div>\n\n\n#sombraimg{<\/div>\n<\/div>\n\n -webkit-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n -moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);<\/div>\n\n}<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\nPaso 2<\/h3>\n\nEl siguiente paso es poner dentro de la etiqueta de cada imagen a la que queremos a\u00f1adir el efecto id=’sombraimg’<\/div>\n\n<\/div>\n\nNota: Este paso lo hacemos en cada imagen en la que queremos a\u00f1adir una sombra<\/i><\/div>\n\n
<\/i><\/div>\n\nVamos a la entrada del post donde tenemos la imagen a la que queremos a\u00f1adir el efecto sombra, en el post tienes arriba un bot\u00f3n donde pone html, buscamos la imagen, para ello puedes usar la opci\u00f3n de busqueda Crtl+f y cuando salga el buscador poner img para localizar las fotos.<\/div>\n\n<\/div>\n\nUna vez localizada la imagen, en mi caso la de abajo a\u00f1adimos el id<\/div>\n\n<\/div>\n\n<img id=’sombraimg’ border=\u00bb0″ src=\u00bbhttps:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/foto_con_sombra1.png\u00bb \/><\/div>\n
\nPaso 1<\/h3>\n<\/div>\n\n<\/div>\n\nNota: Este paso s\u00f3lo lo hacemos una vez en el blog<\/i><\/div>\n\n<\/div>\n\nCopia y pega el siguientes c\u00f3digo en Plantilla\/ Personalizar\/ Avanzado\/ A\u00f1adir CSS<\/b><\/div>\n\n
<\/b><\/div>\n\n\n#sombraimg{<\/div>\n<\/div>\n\n -webkit-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n -moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);<\/div>\n\n}<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\nPaso 2<\/h3>\n\nEl siguiente paso es poner dentro de la etiqueta de cada imagen a la que queremos a\u00f1adir el efecto id=’sombraimg’<\/div>\n\n<\/div>\n\nNota: Este paso lo hacemos en cada imagen en la que queremos a\u00f1adir una sombra<\/i><\/div>\n\n
<\/i><\/div>\n\nVamos a la entrada del post donde tenemos la imagen a la que queremos a\u00f1adir el efecto sombra, en el post tienes arriba un bot\u00f3n donde pone html, buscamos la imagen, para ello puedes usar la opci\u00f3n de busqueda Crtl+f y cuando salga el buscador poner img para localizar las fotos.<\/div>\n\n<\/div>\n\nUna vez localizada la imagen, en mi caso la de abajo a\u00f1adimos el id<\/div>\n\n<\/div>\n\n<img id=’sombraimg’ border=\u00bb0″ src=\u00bbhttps:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/foto_con_sombra1.png\u00bb \/><\/div>\n
\nNota: Este paso s\u00f3lo lo hacemos una vez en el blog<\/i><\/div>\n
\n<\/div>\n
\nCopia y pega el siguientes c\u00f3digo en Plantilla\/ Personalizar\/ Avanzado\/ A\u00f1adir CSS<\/b><\/div>\n
\n
<\/b><\/div>\n
<\/b><\/div>\n
\n
\n#sombraimg{<\/div>\n<\/div>\n
\n -webkit-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n -moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);<\/div>\n
\n -moz-box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);
\n box-shadow: 6px 4px 5px 1px rgba(148,145,148,1);<\/div>\n
\n}<\/p>\n<\/div>\n
\n<\/div>\n
\n<\/div>\n\nPaso 2<\/h3>\n
\nPaso 2<\/h3>\n\nEl siguiente paso es poner dentro de la etiqueta de cada imagen a la que queremos a\u00f1adir el efecto id=’sombraimg’<\/div>\n\n<\/div>\n\nNota: Este paso lo hacemos en cada imagen en la que queremos a\u00f1adir una sombra<\/i><\/div>\n\n
<\/i><\/div>\n\nVamos a la entrada del post donde tenemos la imagen a la que queremos a\u00f1adir el efecto sombra, en el post tienes arriba un bot\u00f3n donde pone html, buscamos la imagen, para ello puedes usar la opci\u00f3n de busqueda Crtl+f y cuando salga el buscador poner img para localizar las fotos.<\/div>\n\n<\/div>\n\nUna vez localizada la imagen, en mi caso la de abajo a\u00f1adimos el id<\/div>\n\n<\/div>\n\n<img id=’sombraimg’ border=\u00bb0″ src=\u00bbhttps:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/foto_con_sombra1.png\u00bb \/><\/div>\n
\n<\/div>\n
\nNota: Este paso lo hacemos en cada imagen en la que queremos a\u00f1adir una sombra<\/i><\/div>\n
\n
<\/i><\/div>\n
<\/i><\/div>\n
\nVamos a la entrada del post donde tenemos la imagen a la que queremos a\u00f1adir el efecto sombra, en el post tienes arriba un bot\u00f3n donde pone html, buscamos la imagen, para ello puedes usar la opci\u00f3n de busqueda Crtl+f y cuando salga el buscador poner img para localizar las fotos.<\/div>\n
\n<\/div>\n
\nUna vez localizada la imagen, en mi caso la de abajo a\u00f1adimos el id<\/div>\n
\n<\/div>\n
\n<img id=’sombraimg’ border=\u00bb0″ src=\u00bbhttps:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/10\/foto_con_sombra1.png\u00bb \/><\/div>\n