[Tutorial] Preparando o Layout

Hey! Amanhãããã estréia Frankenweenie e eu estou ansiosa pra assistir esse filme! Estou quase fazendo um Sparky de massinha (que até esses dias era a mãozinha da Familia Addams mas ela se quebrou i.i), mas antes disso quero ver o filme primeiro, pra ver os detalhes sabe...

O tutorial dessa postagem é só o começo da Semana de Tutoriais que teremos semana que vem. Quem gosta dessa ideia? Vão ser 5 tutoriais na próxima semana e pretendo fazer isso todo mês. Ah, um dos tutoriais que vai ter aqui vai ser aquele gadget do facebook, então não perca, será uma semana bem lecal u.u

Esse tutorial vai ser bem útil para muitos blogueiros e acho que todos deveriam fazer isso antes de começar a mexer com o html dos seus blogs, preparar o layout para todas as mudanças que você vai fazer nele. Como fazer isso? Continue lendo para saber.

_____________________________________________________________________________________

UNDERLINE E FOLHINHA DO MODELO TRAVEL

Primeiro vá em Modelo >> Editar HTML >> Prosseguir.

Dê ctrl+F e procure por underline. Vá procurando. Todos os underline que aparecer no html troque por none, isso irá tirar o sublinhado dos links.

Agora procure por .content-outer .content-cap-top { e apague o que está em vermelho como mostra na imagem:

Isso irá retirar aquela "folhinha" do modelo. Visualize e se estiver tudo certo salve. 

_____________________________________________________________________________________

ALTURA DOS POSTS E RODAPÉ DO BLOG

Procure por /* Posts . Dentro das chaves terá essa tag: margin-top: 20px; você pode mudar o 20 por 5, o que sobe o título e os posts. Mas isso é opcional.

Procure por .footer-inner { -esse eu já expliquei aqui, mas é só pra deixar o tutorial completo- apague o que está dentro das chaves e troque por margin: -30px; isso irá diminuir o espaço do rodapé do blog.

_____________________________________________________________________________________

NAVBAR, ATTRIBUTION E HEADER

Após ter feito tudo isso salve. Agora vamos retirar a Navbar, Attribution e o Header.

Procure por navbar e irá aparecer isso: 

Pra dar uma ajudinha está abaixo da tag </head> , apague tudo o que está em vermelho como na imagem.

Procure por Attribution e faça o mesmo como mostra na imagem seguinte:

Visualize se está tudo certo mas ainda não salve se você quiser tirar também o cabeçalho do blog. (pra depois usar um pelo html). Procure pelo nome do seu blog e irá aparecer algo assim:

Esse código era do meu blog de ilustrações que eu desisti, he. Apague toda a parte em vermelho e novamente visualize pra ver se não deu nenhum erro. Salve. Irá aparecer o seguinte:

Clique em Excluir Widgets.

É isso, por enquanto. O que acharam desse post? Se gostarem e for útil posso fazer uma continuação desse tutorial (: