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 + "_headerimg"'
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 + "_headerimg"' 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
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.
ResponderExcluirhttp://cindereladesalto.blogspot.com
foi o que me ajudou a começar também Val *-* Obrigada!!
ExcluirParabéns pelo post Milena!
ResponderExcluirÓtima dicas :* Passa no meu oxemeninas.wordpress.com
ResponderExcluirOtimas dicas
ResponderExcluirGostei muito
ResponderExcluirGostei muito
ResponderExcluirParabéns pelo blog!
ResponderExcluirSuper curti e já estou seguindo!
Beijo, beijo!
Lú
www.euficolinda.com.br
Adoro tutoriais assim, da uma super ajuda para quem tá no começo.
ResponderExcluirUm beijo♥
http://rafaelleventura.blogspot.com.br/
Obrigada pela dica! Parabéns pelo post e depois faz o post como personalizar menu topo!
ResponderExcluirhttp://isaberenice.blogspot.com.br/
Parabéns pelo tutorial👏👏👏 Show mesmo!!!
ResponderExcluirhttp://www.homemreto.com/
Muitooo bom esse tutorial! Bejus
ResponderExcluirhttps://falacah.blogspot.com.br