Sombra na borda da postagem do Blog

Olá pessoal! Hoje vou ensinar como colocar efeito Sombra na borda das postagens do Blog. A alteração é simples e bastante incrível...

Como colocar sombras na borda das postagens do Blog

1º Passo: Primeiro acesse o painel de edição do seu Blog, clique em "Modelo" >> depois em "Editar HTML".

2º Passo: Quando abrir o HTML do blog, clique em qualquer parte do código, depois pressione as teclas de atalho "Ctrl+F" do seu teclado e procure por esta parte no código:

.post {

3ºPasso: Quando encontrar o código, logo abaixo da mesma acrescente este código:

box-shadow: 1px 4px 19px 2px #696969; padding: 10px;

• Prontinho, agora, clique em visualizar, e veja que apareceu uma sombra nas boradas da postagem do Blog, depois Salve o modelo.

---

Alterando o código

Se você desejar fazer alguma alteração, segue as seguinte especificações:

Cor da sombra: Para alterar, substitua a parte destacada em Vermelho "#696969" por uma outra cor em HTML. Clique aqui para escolher uma cor em HTML.

Para deixar a sombra em formato arredondado: Acrescente este pequeno trecho: (border-radius: 28px) logo depois da parte destacada em azul "10px;".

---

Não deixe de seguir nosso Blog e nossa página no facebook

---