MASIGNCLEAN101

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:




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!
Compartilhe esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

.main-inner .column-center-outer {
Tá errado brother,dá uma revisada aí, Vlw! Abrç!

12 de março de 2013 19:16
avatar

Olá Robson! As tags foram baseadas no modelo Mínima do Blogger, mas como essas tags geralmente variam de modelo para modelo, pode ter um nome diferente no seu template.
Tente apenas adicionar o código acima de ]]></b:skin> e visualize o resultado.
Abraços!

12 de março de 2013 21:35
avatar

Muito bom ! Tava procurando a tempos esse tuto!
Obrigada

2 de setembro de 2013 15:03
avatar

Eu queria saber como ter aquelas bordas coloridas nos comentários.

13 de outubro de 2013 19:31
Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!