Tutorial - Bordas coloridas na área de postagens do Blogger

Olá amigos do Mundo Informal! O tutorial que disponibilizo hoje, dá sequência ao tutorial que postei recentemente:

→ Tutorial - bordas coloridas na sidebar do Blogger

O efeito é bem minimalista e se encaixa muito bem na maioria dos templates, bastando apenas alterar as cores as vezes. Para seu funcionamento, não é preciso seguir muitos passos, mas realizando com atenção, certamente não ocorrerão erros.

Alerta! Antes de fazer qualquer modificação, faça um backup do seu modelo.
Acesse modelo → Fazer backup/Restaurar → Fazer download do modelo completo.

1° passo: Acesse o painel do Blogger, escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar HTML".

2°passo: Agora usando o Ctrl + F, procure por:

.main-inner .column-center-outer {

3° passo: Agora, substitua o código encontrado pelo código abaixo:

.post-outer {margin: 4px 2px 30px;padding: 10px 10px;background:#ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;er-top: 5px solid #b1d4b3; /*------------Cor da barra de baixo------*/border-radius:2px; /*-------------Arredondamento da área--------*/border-bottom: 5px solid #b1d4b3;border-top: 5px solid #d4bfb1;box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc;}

Para alterar a cor das bordas, altere #d4bfb1 e #b1d4b3 com suas cores desejadas. Veja a paleta com os código das cores aqui.

4° passo: Salve e veja a mudança! 

créditos

Espero que tenham gostado!

Share This :