Olá! Tudo bom? No tutorial de hoje vou mostrar para vocês como remover aquela borda serrilhada que o modelo do Blogger Travel possui, o que fará com que o visual do template fique mais bonito.
Um dos modelos que considero mais legais de ser editado para Blogger é o Travel. Já testei muitas coisas nele e sempre dá tudo certinho, inclusive uso esse modelo atualmente. Mas com certeza você já deve ter notado que por padrão ele possui essa borda no topo:
 
A não ser que queira mantê-la como parte do seu cabeçalho, é possível removê-la. Recomendo fazer isso para seu layout ficar mais fofo. Faça o tutorial em um blog de testes porque quando você excluir deverá configurar o template, coisas simples feitas pelo Designer do Blogger, como colocar cor de fundo nos posts e sidebar, aproximar ou afastar mais sidebar-posts-header ok?
Vamos lá!
1. Encontre este trecho em seu template (Modelo-Editar HTML-Ctrl+F e pesquise pela primeira linha):
 .content-outer .content-cap-top {  height: $(content.imageBorder.top.space);
  background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}
.content-outer {
  margin: 0 auto;
  padding-top: $(content.margin);}
.content-inner {
  background: $(content.background);
  background-position: left -$(content.imageBorder.top.space);
  background-color: $(content.background.color);
  padding: $(content.padding);} 

2. Substitua por este:
 .content-outer .content-cap-top {  height: ;
  background:  repeat-x scroll top center;
}
.content-outer {
  margin: 0 auto;
.content-inner {
  background: ;
  background-position: ;
  background-color: ;
} 

3. Visualize e salve ^-^
Prontinho. Bem fácil e agora há mais liberdade para seu cabeçalho se adequar bem ao layout.
Beijus...

7 Comentários

  1. Adorei... Tempos atras tava tentando fazer isso e não consegui :/

    ResponderExcluir
    Respostas
    1. É, fica mais legal sem a borda neh ^^
      Beijus e obrigada!

      Excluir
  2. ahaha, obg pelo tutorial *w* Facil e rapido xDD

    http://souotomeecomorgullhoo.blogspot.com.br/

    ResponderExcluir
  3. Oi, eu queria pedir um tutu de como colocar o artigos relacionados igual do seu blog. Bjus!!!!!

    ResponderExcluir
    Respostas
    1. Já postei ^^ É o post mais recente (até agora). Dá uma olhada em Posts Relacionados com CSS e HTML.

      Excluir
  4. Não tirou só a borda, tirou todo o fundo branco do blog. Tanto do corpo, quanto da sidebar. Como se resolve isso? :)

    ResponderExcluir
    Respostas
    1. Mas é assim mesmo ^^ Agora você tem que personalizar sidebar, área de posts e cabeçalho.
      Vou postar como fazer isso em breve ok?
      Beijus...

      Excluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart