Criando um layout - Parte 1

Creditos da Imagem:  [www]
È isso mesmo amores,como podem perceber pelo titulo,trouxe uma postagem que te ajudará a criar um layout. Esse é só o primeiro de muitos e muitos . Funcionará assim , como podem ver hoje será a  .Parte 1 , que será personalizar o básico..Não vai ficar de fora né? Clique em mais informações e embarque nessa com a gente .A maioria dos blogueiros (como eu) usam o modelo  .Travel.Pra quem não sabe como aplicar esse modelo , segue o tutorial logo a baixo .
1. Vá em Design>Design do Modelo>E já quando estra irá abrir na aba Modelos .Lá mesmo , é que vamos escolher o modelo do blog .

Percebemos que mudou praticamente  .TUDO na aparencia do blog , né ?

2.Agora vá em Plano de Fundo , clique em  Remover Imagem , e quando abrir uma janela pequena clique em  .OK . Após clique na setinha , depois clique em  .Fazer Upload da Imagem e clique em Selecionar Arquivo e e selecione o Backgrounds de sua preferencia .

Depois clique em  .Concluido .

Abaixo estão alguns backgrouds

[www] [www]  [www]  [www] 

3. Após vá em ajustar largura e ajuste o tamanho do blog e da barra lateral de acordo com a sua preferencia.

Recomendo: 

Todo o blog: 860 á 960 no máximo , e da barra lateral , de 240 a 350 no máximo.

4. Layout , escolhe o corpo do seu layout ,  .exemplo: eu quero que a barra da siberia (barra lateral) fique do lado direito , com duas colunas, então clique na imagem que esta com a coluna do lado direito e com a duas colunas .

5. Avançado , cegou a hora de dar um UP no seu Layout , clique em Avançado . 

.É hora de escolher as cores !

Aqui eu não vou tirar muitos print , porque nessa parte vai de vocês , mais irei ajudar , claro .

Entendendo :

Texto da Página: o titulo já esta dizendo tudo , é a cor e a fonte do texto das postagens e do resto da Página.

Plano de Fundo: deixe os dois na cor Transparente .

.Vejam na imagem:

Links : É  a cor do link normal , sem passar o mouse , Cor do item ao ser visitado e a cor do link quando vc clica no item , e cor de destaque , coloque a cor que você quer que aparece quando passa o mouse em cima do link , entenderam ?

Titulo do Blog: Recomendo que você deixe como monstra a imagem abaixo .

Descrição do blog: deixa normal , não precisa personalizar .

Texto das guias: tambem não precisa , mais se necessario coloque preto nos dois .

Plano de fundo das guias: faça a mesma coisa que nos texto das guias .

Cabeçalho da data: altere de cor de sua preferencia .

Titulo da postagem: sua preferia , tanto quanto na cor quanto na fonte .

Plano de fundo das postagens : Recomendo na cor Branca .

Cor do titulo do Gadget e texto do gadget: novamente é de sua preferencia tambem .

Links do gadgets é a mesma coisa do primeiro lá .

Plano de fundo da barra lateral: Preferencia sua (eu faço dependendo de como eu quero o layout,tipo as cores)

.Mobile Button Color não precisa mexer

Adicionar CSS: Ai você mexe se algum tutorial estiver pedindo .

.Pronto , agora clique em Aplicar ao blog .

Vamos mexer com HTML agora ? 

Vamos começar retirando aquelas ondinhas horriveis , que fica no topo do templante ?

Pra quem não sabe as ondinhas que eu estou falando são essas:

Credito da imagem: [www]

6.Vá em Design>Editar HTML>Tecle F3 ou CTRL+F e na caixa de busca que irá aparecer procure por :

content-outer .content-cap-top {

Credito da imagem: [www]

Visualize , se o templante estiver sem ondinhas é porque deu certo , então salve .

Caso mesmo feito o tutorial e apareceu a ondinha ainda , faça novamente .

Agora vamos juntar a barra da siberia (barra lateral) com as postagens !

Design - Editar HTML > Pressione as teclas Ctrl + F e procure por :

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Quando encontrar apague os trechos contornados na cor rosa na imagem abaixo:

Visualize, e veja se a barra lateral juntou com as postagens. Se sim, salve. 

Para juntar o cabeçalho com as postagens : [www]

Credito do tutorial de como tirar aquela ondinha feia é do blog: [www]

Bom, por hoje e só , talvez na proxima postagem eu traga a parte 2 do tutorial , espero ter ajudado os iniciantes .

Beijos , comentem .