16 março 2016

Como criar um layout do zero #DicasParaBlogueiras



Que blogueira não pensa em ter um blog com uma boa aparência né?? Então eu decidi ensinar como criar um layout inicial, sem muitos detalhes, já que, mais pra frente postarei mais tutoriais ensinando como personalizá-lo. Vamos lá!!


Primeiramente vá em "Modelo" e logo em seguida em "Personalizar"

Depois, selecione o modelo "Viagem/Travel" de acordo com a imagem



Agora, no canto esquerdo, clique em "Avançado" e depois em "Plano de fundo da postagem" e selecione a cor branca


Agora, clique em "Plano de fundo da barra lateral" e troque a cor da moldura para Transparent


Salve e clique em "voltar para o Blogger". Selecione a opção "Editar HTML"

Clique na caixa de códigos e aperte Ctrl + F. Abrirá uma caixa de pesquisa. Pesquise por  .content-outer .content-cap-top {
Apague todos os códigos selecionados na imagem abaixo


Agora procure pela primeira linha do código abaixo

<img expr:alt='data:title' expr:height='data:height' 
expr:id='data:widget.instanceId + &quot;_headerimg&quot;' 
expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

Agora, substitua TODO o código acima por:

<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></center>

Isso vai fazer com que seu cabeçalho fique centralizado.

Salve e clique em "Layout" no canto esquerdo da tela. Selecione "editar" para alterar o cabeçalho como mostra na imagem 




Vai abrir uma janelinha. Clique na opção "Em vez de título e descrição" e depois escolha um arquivo que tenha feito para o blog. Não esqueça de Salvar.
 Recomendo baixarem fontes bonitinhas para fazer a edição do seu cabeçalho. Quem quiser, procure aqui.
((Obs: Pretendo fazer um post com recomendação de fontes))

Bom, voltando à finalização do nosso layout. Vá em Modelo > Personalizar, novamente.
Clique em Plano de fundo e o altere conforme o seu gosto. Aplique ao blog. e vizualize. 


Espero que tenham gostado. Se quiserem, podem me enviar dicas pelos comentários ou pro meu e-mail sobre qual tutorial devo postar. E pra quem quiser encomendar um layout exclusivo e avançado comigo com um custo acessível, podem me encontrar no e-mail também. Beijinhos! Até o próximo post!

12 comentários:

  1. Adorei!!@ Um tutorial assim que me ajudou no começo quando decidir ser design. Parabéns por compartilhar com essas lindas que ainda não conhecem esse mundo de html.

    http://cindereladesalto.blogspot.com

    ResponderExcluir
    Respostas
    1. foi o que me ajudou a começar também Val *-* Obrigada!!

      Excluir
  2. Ótima dicas :* Passa no meu oxemeninas.wordpress.com

    ResponderExcluir
  3. Parabéns pelo blog!
    Super curti e já estou seguindo!
    Beijo, beijo!

    www.euficolinda.com.br

    ResponderExcluir
  4. Adoro tutoriais assim, da uma super ajuda para quem tá no começo.
    Um beijo♥
    http://rafaelleventura.blogspot.com.br/

    ResponderExcluir
  5. Obrigada pela dica! Parabéns pelo post e depois faz o post como personalizar menu topo!
    http://isaberenice.blogspot.com.br/

    ResponderExcluir
  6. Parabéns pelo tutorial👏👏👏 Show mesmo!!!
    http://www.homemreto.com/

    ResponderExcluir
  7. Muitooo bom esse tutorial! Bejus
    https://falacah.blogspot.com.br

    ResponderExcluir

Copyright © 2016 | Design e Código: Milena Motta Design | • voltar ao topo