10 de mar de 2013

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 essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

4 comentários

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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  2. Muito bom ! Tava procurando a tempos esse tuto!
    Obrigada

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

    ResponderExcluir

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!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo