Como retirar as sombras das imagens do blog | Quero Dicas | Tutoriais para seu blogs


Como retirar as sombras das imagens do blog


Tenho milhares de postagens para ensinar a vocês, são tantas, que nem sei por onde começar (risos).

Mais hoje vou ensinar, como retirar as sombras das imagens do seu blog. Muitas vezes, não queremos colocar as fotos com cores ao fundo, mais mesmos quando selecionamos "transparente", ainda fica aquela sombra chata lá aparecendo. Mas tudo bem, agora você vai saber como retirá-las. Vamos lá?


   TUTORIAL

1 - Acesse ao painel do seu blogger, vá em "Modelo",  "Personalizar", "Avançados"e depois selecione em "Imagens".  Coloque o plano de fundo e a borda "Transparente".

2 - Clique em "Aplicar ao blog"e volte ao painel de modelo.

Veja na imagem. Clique para ampliá-la.

3 - Agora entre no HTML do seu blog e procure por:

.post-body img 

 

 4 - Você vai encontrar 2 códigos iguais. Abaixo do código que procura, tem um código parecido com este↓. (Talvez, esteja no primeiro, como no meu caso).

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

5 - Logo abaixo dele, tem este ↓. Apague-o. Mais cuidado para não apagar a chave de fechamento." } "

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

Veja na imagem

6 - Salve e pronto! As sombras agora não vão mais aparecer.

Espero ter ajudado. 
Beijinhos
Me Contrate!

13 comentários

Clique e deixe seu comentários
segunda-feira, 13 abril, 2015 ×

Olá, segui o tutorial certinho e deu certo...mas agora as imagens estão separadas =(

Resposta
avatar
admin
terça-feira, 14 abril, 2015 ×

Como assim separadas? me explique melhor.

Resposta
avatar
admin
terça-feira, 14 abril, 2015 ×

Acho melhor você vê porq sou péssima em explicações rs
se quiser ver é claro, http://changeable-girl.blogspot.com.br/2015/04/looks-da-loja-enyfour.html as fotos estavam juntas antes e agora estão assim, fui editar a postagem mais estão juntas no "maximo".

Resposta
avatar
admin
quarta-feira, 15 abril, 2015 ×

Bom Maria, eu realmente iria falar para você voltar a sua postagem e somente edita-las, amais você já falou que já o fez. Então faça o seguinte: Entre novamente na sua postagem e em seu html. Veja o link da sua imagem e se tem algo escrito como "img border="0". Mude o valor que estiver pelo numero 0, como mostrado no meu.
Caso não encontre, procure por: style="margin-left: 1em;e margin-right: 1em;", troque o numero 1 pelo 0 e diga se resolveu.
Em ultimo caso e mais extremo, selecione todo o seu post e clique em "Remover Formatação" e depois arrumar do mesmo jeitinho que antes. =D
Beijinhos ♥

Resposta
avatar
admin
quarta-feira, 15 abril, 2015 ×

Olá bia, achei assim "margin-bottom: 1em; margin-right: 1em" mudei todos para "0" e as imagens juntaram mas ficou um espacinho, porém está bom assim rsrs :)
Obrigadooooo! :-bd

Resposta
avatar
admin
quarta-feira, 15 abril, 2015 ×

Que bom que deu certo. Qualquer duvida, é só falar! =D

Resposta
avatar
admin
quarta-feira, 13 maio, 2015 ×

Deu super certo, to adorando suas dicas. Obrigada

Resposta
avatar
admin
quarta-feira, 13 maio, 2015 ×

Por lada minha linda. Caso precise de algo mais sobre dicas e que ainda não postei, é só falar =D Beijinhos ♥

Resposta
avatar
admin
quarta-feira, 16 setembro, 2015 ×

O meu nao tem opções de imagem

Resposta
avatar
admin
quarta-feira, 16 setembro, 2015 ×

Oi Layza. Felizmente, todos tem opções de imagens. O código pode variar, dependendo do modelo. Este foi estado no modelo Travel e no simples.

Resposta
avatar
admin
quarta-feira, 17 fevereiro, 2016 ×

Amei deu tudo certo... OBRIGADA ;*

Resposta
avatar
admin
quarta-feira, 17 fevereiro, 2016 ×

Por nada minha linda. Quando precisar,e se eu puder ajudar, é só avisar =D
Beijinhos♥

Resposta
avatar
admin


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.