Editando o Modelo Travel do Blogger

Um dos passos mais importante para se ter um bom blog, além de conteúdo, é o design dele.
Editar os Modelos do Blogger pode difícil quando não se tem total conhecimento em HTML & CSS ou quando se está começando a aprender. Neste tutorial ensinaremos a como remover e editar algumas partes essênciais do código para que você consiga personalizar seu blog mais facilmente.

Escolhendo o Template

1 Vá em Tema > Procure pela categoria Viagem > Selecione a opção destacada na imagem e aplique ao seu blog.

Editando os códigos no CSS

2 Ainda em Modelo, vá em Editar HTML > Clique na caixa de código > Aperte Ctrl + F ou F3 > Procure por .content-outer .content-cap-top { > Apague as linhas que estão com o comentário /* Apagar */ a seguir:
.content-outer .content-cap-top { height: $(content.imageBorder.top.space); /* Apagar */ background: transparent $(content.imageBorder.top) repeat-x scroll top center; /* Apagar */ } .content-outer { margin: 0 auto; padding-top: $(content.margin); /* Apagar */ } .content-inner { background: $(content.background); /* Apagar */ background-position: left -$(content.imageBorder.top.space); /* Apagar */ background-color: $(content.background.color); /* Apagar */ padding: $(content.padding); /* Apagar */ } 3 Procure por .main-inner .column-right-inner { > Apague as linhas com o comentário /* Apagar */ a seguir:
.main-inner .column-right-inner { margin-left: $(content.padding); /* Apagar */ } .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { margin-left: $(content.padding); /* Apagar */ background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; } .main-inner .column-left-inner { margin-right: $(content.padding); /* Apagar */ } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { margin-right: $(content.padding); /* Apagar */ background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; } 4 Procure por /* Tabs > apague a linha com o comentário /* Apagar */ a seguir:
/* Tabs ----------------------------------------------- */ .tabs-inner { margin: 1em 0 0; /* Apagar */ padding: 0; } 5 Procure por .main-inner { e abaixo deste código, cole:
margin-top: -20px; 6 Salve.

A partir de agora você pode editá-lo como quiser!