"Vida e opinião de uma mulher de fases"

12 março 2014

Crie seu próprio layout para o blog - Parte 1

Oi femininas!
Mês passado (fevereiro) eu trouxe uma guia marcando os passos a seguir na hora de criar um layout para um blog, e muitas de vocês me disseram que queriam que eu explicasse cada parte, direitinho para vocês entenderem melhor. Então, eu decidi fazer um post com tutoriais e indicações de links etc.

Se você ainda não viu a guia, veja a saga completa de como criar um layout para o seu blog
primeira parte

O post de hoje consiste em fazer a Primeira parte (o básico) do nosso layout.

1. Fazer uma lista das suas preferencias. Essa primeira parte consiste em decidir o que você quer e o que não. Ter as ideias claras ajudará muito pra não perder tempo com coisas vãs. 
  •  quero um layout com a cor rosa,
  • fundo claro,
  • paleta de cores: rosa, preto, lilás, 
  • não quero muito "cheguei", mas também não quero muito claro,
  • que tenha a minha personalidade...

2. Definir tudo o que for imprescindível para o blog. Essa fase serve para você escrever tudo o que você acha necessário no seu layout (barra de pesquisa, assinatura...), nem precisa escrever se você tiver as ideias claras.


3. Abrir uma pasta no seu computador para guardar tudo o que você fizer com relação ao layout. Anotar em um Bloco de Notas cada código HTML que usar, para quê ele serve, como você colocou no seu blog e onde encontrou o tutorial. 
Anote também os códigos das cores que você escolheu, assim não corre o risco de errar. Eu uso esse site (aqui), mas existem vários outros sobre códigos de cores em HTML.


4. Criar um blog de teste. Faça o login no Blogger. No lado esquerdo você vai encontrar a opção "Novo blog", clique e crie um blog com um nome qualquer (Ex: TestandoPF).


5. Escolher modelo Travel. Blog de teste criado, agora vá até "Modelo" > ; "Personalizar" > ; "Modelos" >; e escolha o modelo "Viagem" >; das quatro opções escolha a segunda (azul com umas bordinhas).


6. Desativar Navbar (caso queira). Ainda no Blogger, vá até "Layout" e clique em "Editar (Navbar)" > clique em "Desativado" > salve.


7. Decidir o lado e o número de colunas. Direito ou esquerdo? Muitas blogueiras usam o a sidebar no lado direito, pois dizem que assim a atenção se centra na área da postagem. Eu quis variar um pouco e coloquei no lado esquerdo mesmo. E a quantidade? O melhor é não exagerar, porque se não fica muita informação. O ideal mesmo é colocar somente uma coluna. Siga os passos: Modelo > Personalizar > Layout.

8. Criar o cabeçalho. Essa parte é bem chatinha, pois tem que saber o que você quer, buscar e encontrar as imagens e fontes da sua preferencia, e ainda tem que fazer a edição.
As imagens para criar um cabeçalho devem ser aquelas transparentes, mais conhecidas como "Brush", o formato delas é o "PNG", então você joga no Google e tenta a sorte. O problema é que nem todo "brush" funciona com qualquer editor, então você tem que buscar algo mais ou menos assim: "Brush NOMEDOSEUEDITOR".
Alguns blogs onde encontrar brushes

As fontes (tipos de letras) eu usei as que encontrei nos editores, assim não foi necessário instalar nada no meu PC. Mas tem vários sites onde vocês possam baixar:

E os editores que eu uso são: 
  • Paint (mas só para coisas muito básicas mesmo),
  • PhotoScape (Download),
  • Pickmonkey (online),
  • Photoshop (online);
O ruim de criar o cabeçalho é que precisa de criatividade, sorte (para encontrar o que quer), persistência e paciência. Eu não consegui encontrar imagens que combinassem comigo e por isso optei por fazer só com o nome do blog mesmo. 
Também existem vários tutoriais ensinando a fazer um cabeçalho (como é tudo igual eu deixo somente um): 
Bom femininas, essa é a primeira parte da guia, espero que tenham gostado!
Besitos!

20 comentários:

  1. Ai, eu amei esse guia, estou querendo muito fazer um layout melhor pro meu blog mas acho complicado.. Com suas dicas vou tentar de novo ;)

    www.donaisa.blogspot.com.br

    ResponderExcluir
    Respostas
    1. A parte mais chata é o cabeçalho, é só ter paciência, Isabella.
      Beijos!

      Excluir
  2. Que bacana ,essa postagem vai ajudar muita blogueira novata que anda perdida nesse mundo de html,aquele texto foi eu que fiz ,lembra funk,né,pois é aquela letra surgiu na minha mente ...bjs
    http://www.simonebastos2007.com/

    ResponderExcluir
    Respostas
    1. Oi Simone, que bom que gostou, espero que ajude sim!
      Beijos!

      Excluir
  3. Menina, fazer um layout não é muito difícil mas exige muita paciência. Acho que a peça chave pra fazer o seu próprio layout, por isso que incomendei o meu hfdshfihfdisuhffds
    http://leitecombiscotos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Sim, Monique, paciência é a peça chave. Quando eu cansar acho que vou encomendar também!
      Beijos!

      Excluir
  4. Oi flor!
    Estou em fase de mudar o layout do meu cantinho, dá um trabalhão, né?
    Gostei bastante do site Dafont, tem umas letras super legais lá! ;)
    Sim, o lápis 6B é para desenhar mesmo, mas a cor fica ótima em sobrancelhas mais acinzentadas ;)

    Bjxx
    Blog Makes da Mi // Fanpage

    ResponderExcluir
    Respostas
    1. Dá trabalho sim Miriam, mas pra quem está sem grana é uma ótima opção!
      Beijos!

      Excluir
  5. Criar um blog dá um super trabalho! São muitos detalhes pra fazer, mas vira e mexe eu mudo o meu rs'
    Beijos ♥

    ResponderExcluir
    Respostas
    1. É verdade Carol, mas é tão bom ter um cantinho com a nossa cara, né?!
      Beijos!

      Excluir
  6. Lud, já fiz tudo isso e acabei ficando empacada na parte 8.
    Não quero imagens, apenas o nome do blog tipo o seu, agora tenho um pouco mais de noção de onde buscar as fontes. A que eu escolhi não me agradou e está maior que o cabeçalho,kkkk.
    Mas através do seu tutorial, vou tentar novamente.
    Obrigada pelas dicas.
    ansiedadefeminina.blogspot.com

    ResponderExcluir
    Respostas
    1. Anny, eu também demorei muito para chegar à esse cabeçalho, mas ainda não está do jeito que eu quero rsrs
      É melhor ir fazendo aos poucos e se você quer sem imagens, é mais fácil.
      Beijos!

      Prioridades femininas

      Excluir
  7. ótimas dicas. muito úteis =]


    Beijos
    Nath - Fashion Jacket
    www.fashionjacket.com.br

    ResponderExcluir
  8. Oii Amore!!
    Eu vou começar a fazer o meu layout,e preciso da sua ajuda!!
    Você pode fazer as outras partes passo a passo igual a essa!???
    Ficou tão explicadinho!!
    Beijinhos!
    Meu blog: http://glamour-jovem.blogspot.com.br/ Layout super usado entre outros blogs! :( :(

    ResponderExcluir
    Respostas
    1. Oi Sylviane, posso sim! rsrs
      Dê uma olhadinha na guia, que lá tem todos os passos que eu sigo, só não estão explicados, mas assim que der eu faço as outras partes.
      Beijos!

      Excluir
  9. Obrigada Linda!!!! Comigo tá dando errado na hora do html, quando vou pesquisar o código ele aparece que não foi encontrado! :(

    ResponderExcluir
    Respostas
    1. De nada. Faz assim, vá até HTML, lá vc tem que clicar dentro da área onde estão os códigos e depois vc dá o Ctrl + F, então vai te aparecer uma caixinha de busca, dentro mesmo de onde fica o código, veja nesse link: http://lh3.googleusercontent.com/-LliYAnbvtOA/U4mlY08v_WI/AAAAAAAALjA/coCrqT9x1iY/w729-h448-no/busca.jpg

      Pq se vc buscar na caixinha q abre fora, não vai funcionar.
      Ah e vc tem que observar se ñ ta deixando espaços tbem.
      Espero ter ajudado se tiver mais duvidas é só falar.
      Beijinhos!

      Excluir
    2. Annnnww!!! Você é a melhor mesmo!!
      Conseguii!! Muuuuuiiiitooooo obrigada!!

      Excluir
    3. hahah obrigada ^^
      precisando, já sabe! :*

      Excluir

Eba! Veio deixar um recadinho? Fique a vontade! ♥

Compartilhe!

Related Posts Plugin for WordPress, Blogger...