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

03 fevereiro 2014

Como criar um layout para o seu blog (guia)


Uma da partes mais importante de um blog/site é o layout, pois é a primeira coisa que um leitor vê ao visitar e isso pode ser decisivo na hora de conquistá-lo ou espantá-lo. Portanto, é crucial ter um layout atrativo ou como mínimo, organizado e cômodo para a leitura.

Leia a saga:


O problema do layout free

Comprar um layout pronto ou encomendar um do seu jeitinho, pode ser uma boa opção, mas custa dinheiro. Outra alternativa é usar um layout free (desses lindérrimos e gratuitos que encontramos pela net), o problema é que por ser grátis você verá o mesmo em diversos blogs e isso faz com que o seu cantinho se misture no meio de tantos outros iguais. Aqui no Pf eu usei um layout free desde o terceiro mês e sempre fui apaixonada por ele, porém quando comecei a visitar outros blogs e vi o mesmo design, percebi que isso deixava o meu cantinho sem personalidade, e como não tinha dinheiro para encomendar um do meu gosto, a solução que eu encontrei foi eu mesma criar (ou personalizar um do próprio Blogger). 

Eu não sabia praticamente nada de html, mas como diz o ditado "A necessidade faz o sapo pular", ou seja, tive que me virar sozinha (vida de pobre não é fácil!), busquei todo tipo de tutorial, alguns funcionavam, outros não, tive que buscar, criar e adaptar imagens e muito mais. E como vi que muita gente tem dúvidas sobre o assunto, eu decidi criar essa guia para ajudar vocês a saberem que rumo seguir, o que arrumar primeiro e onde encontrar tutoriais que funcionam e tudo mais.


Não queira correr!

Antes de começar eu já vou avisando que a coisa mais necessária para conseguir fazer o seu layout é paciência, muita paciência mesmo, ainda mais se você não tem nem ideia sobre html. Por isso não pense que em uma semana estará tudo perfeito, porque não é assim que funciona. Eu levei dois meses para fazer o meu ficar mais ou menos como eu queria. Outra coisa muito importante é saber quais são as suas prioridades, para não ficar doida fazendo coisas que são desnecessárias.


A guia a seguir mostra todos os passos, ou a maioria deles, pra criar um layout. Em cada título tem o links do post onde explico cada parte e indico tutoriais: 


Primeira parte (o básico)
1. Fazer uma lista das suas preferencias (criar uma paleta de cores).
2. Definir tudo o que for imprescindível para o blog.
3. Abrir uma pasta no seu Pc para guardar tudo o que você fizer com relação ao layout.
4. Criar um blog de teste.
5. Escolher modelo Travel.
6. Desativar Navbar (caso queira).
7. Decidir o lado e o número de colunas.
8. Criar o cabeçalho.



Segunda parte (básico da área da postagem)
9. Instalar o cabeçalho. 
10. Fazer 2 postagens de teste (mínimo uma com foto) para poder ver os resultados.
11. Tirar borda e folha do modelo Travel.
12. Definir background (plano de fundo).
13. Definir largura do seu blog.
14. Separar ou não em caixinhas.


Terceira parte (básico dos Gadgets)
15. Colocar e personalizar o menu.
16. Definir largura barra lateral.
17. Separar (ou não) barra lateral da área de postagem.
18. Separar ou não cada Gadgets em caixinhas.



Parte Final (detalhes)
19. Definir as fontes para o blog (colocar novas, se necessário). 
20. Personalizar a área de comentários.
21. Personalizar a data.
22. Personalizar assinatura / autor.
23. Adicionar e personalizar os Gadgets desejados.
24. Personalizar rodapé (colocar ou tirar atribuição).


Essa é a guia completa dos passos a seguir para ter seu próprio layout, agora eu vou deixar alguns links de onde eu encontrei tutoriais legais e bem explicados:

Blog Elaine Gaspareto
Cherry Bomb
Mundo Blogger
Jackie Dreams
Blog da Nah


Espero que tenham gostado, fiquem com Deus e até a próxima!
Besitos!

47 comentários:

  1. Os meus antigos layouts eu mesma que fiz fuçando muito! Hoje em dia tenho mais facilidade de mexer com isso, realmente é mta coisa e requer muuuuuuuuita paciência!
    Excelente semana!
    Beijinhos ;*

    Blog: bycarolinaa.com
    Fan Page: facebook.com/meudiarioescondido
    Instagram: @bycarolinaa

    ResponderExcluir
    Respostas
    1. Paciência é a base!
      Excelente semana pra você também, Carol!
      Beijos!

      Excluir
  2. Muito útil..esse ano quero comprar um domínio e fazer o meu cantinho mais especial!!
    Beijos e td de bom!!
    comjeitodemeninalinda.blogspot.com.es

    ResponderExcluir
  3. Uhuuuu...amei!E adoro o blog da Elaine,tem dicas super eficientes pra personalizar o blog.Bjos!
    www.mulherunika.com

    ResponderExcluir
  4. Ameiii o post.
    Parabéns!!!
    Eu comecei a estudar html mas achei um mega saco...nossa, chatice ao quadrado, mas necessidade é necessidade.
    Já favoritei seu post e vou acompanhar esses links p ver se consigo.
    Obrigada!!
    Beijinhos...
    Jana Nogueira| Fanpage| Youtube
    >>Insta @blogjananogueira

    ResponderExcluir
    Respostas
    1. Oi Jana, eu também acho um saco, mas fazer o que né?!
      rsrs
      Beijos!

      Excluir
  5. Adorei o post ... ajuda bastante gente mesmo ... eu fiz o meu layout, mas nem tudo ficou legal ... fiz ele pra começar o blog. Mas como estou aprendendo outras coisas como Ilustração, vou reformular todo o meu blog e deixa-lo com a minha cara :D
    Obg pelas dicas ... vou conferir os blogs indicados.
    Sucesso !

    www.frantagarela.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Também gostaria de aprender sobre Ilustração, acho que ajuda muito.
      Beijinhos!

      Excluir
  6. Conheço o blog da Elaine Gaspareto e é fantástico, as dicas que ela dá são ótimas
    Hoje tem três posts fresquinhos esperando por vc.
    Ótimo dia!
    Big Beijos
    Lulu
    luluonthesky.blogspot.com.br

    ResponderExcluir
  7. Eu já fiz algumas coisas.
    Na parte um eu nem sei criar um cabeçalho, baixei várias fontes, mas não consigo me encontrar e sou mt desesperada, kkk (sei que não posso).
    Acho que seria legal fazer posts detalhados, com uma linguagem fácil para leigos (eu)
    ansiedadefeminina.blogspot.com

    ResponderExcluir
    Respostas
    1. haha vou tentar fazer os tutoriais, quem sabe você consegue!
      Beijos!

      Excluir
  8. Valeu a pena toda a pesquisa e dedicação. Foram 2 meses e o resultado ficou otimo! Tá muito lindo o blog.
    Sucesso!
    Bjão,
    Pri
    pareinos25.blogspot.com.br

    ResponderExcluir
  9. Dona Lud faça sim, precisamos saber as etapas certinhas viu, hahaha... Eu estou querendo muito mudar o meu, dar uma cara mais profissional e sair do estilo pinup, porem não faço idéia por onde começar, na verdade não tenho tempo para 'fuçar', e não quero pagare, visto que tenho outras prioridades...seria muito boa sua ajudinha viu...

    Bjokas
    Alê Leca
    Comunidade da Beleza.
    http://comunidadedabeleza.blogspot.com.br/ (kkkkkkk)

    ResponderExcluir
    Respostas
    1. Ok então Leca, faço sim!
      Vou tentar explicar tudo direitinho, vamos ver se consigo rsrs
      Dinheiro não cai do céu né?! (PENA!) haha
      Beijinhos!

      Excluir
  10. Putz, eu já tentei fazer e não consegui, preferi pagar msm.

    www.rockcomluxo.com
    www.instagram.com/rockcomluxo

    ResponderExcluir
    Respostas
    1. haha é complicado, mas acho uma boa opção pra quem anda sem dindim!
      XD
      Beijos!

      Excluir
  11. Depois de procurar por free e nunca achar um como queria, resolvi me aventurar rs
    Agora faço meus layouts, mas mesmo assim não ficou 100% de como queria. Dá trabalho, mas o resultado fica ótimo!
    Beijos ;*

    www.blogmaisglamour.com

    ResponderExcluir
    Respostas
    1. Pois é Stephanie sempre tem alguma coisa nos Free que não nos agrada haha
      O meu também, não está perfeito, mas um dia chego lá!
      Beijos!

      Excluir
  12. Flor amei o tutorial, vou tentar fazer o meu,esses tempos procurei um post desse igual doida e não achei, otimas dicas, arrasou
    To seguindo aqui flor, pode retribui?
    Blog: http://ingridegoes.blogspot.com.br/
    Fan page: http://goo.gl/hNmEGx

    ResponderExcluir
    Respostas
    1. Que bom que gostou Maya!
      Obrigada por seguir, beijos!

      Excluir
  13. ótimas dicas para quem está começando quer tentar fazer o seu próprio layout!!
    Beijão

    http://mudeeabuse.blogspot.com.br/

    ResponderExcluir
  14. Fazer o próprio lay é bem legal, por mais que seja cansativo, e ter que pesquisar bastante, o resultado sempre fica ótimo e com a sua carinha.

    http://senhoritapriscila.blogspot.com
    Participe do Sorteio do blog, 5 películas Protector Nail. Clique!
    @priscilafrr,
    beijo.

    ResponderExcluir
  15. Ótimas dicas, eu também vou personalizando aos poucos meu layout, com o tempo vou chegando lá. Tenha um dia abençoado, beijos!

    Blog Paisagem de Janela
    paisagemdejanela.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Um dia a gente consegue o que queremos, né?!
      Beijos!

      Excluir
  16. Amei o post,faz sim tutoriais sobre cada coisa,eu mesma aprendi muita coisa sozinha, mas ainda me enrolo muito,acho que assim dividindo conhecimentos aprendemos mais.tá lindo seu lay agora.

    http://blogdonadecasatambemsearruma.blogspot.com/
    http://deusguianossospassos.blogspot.com.br/
    http://literalmentelivrosefilmes.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ok, vou fazer os tutoriais Vivian! Obrigada ^^
      Beijinhos!

      Excluir
  17. Ainda sou muito leiga nisto mais pretendo melhor ..e o seu eu Ameiii..beijokas...!!!

    ResponderExcluir
    Respostas
    1. Aos poucos vocês vai melhorando, eu não sou nenhuma expert haha
      Beijos!

      Excluir
  18. Ludimara, boa noite
    Muito obrigada por linkar o blog, fico muito honrada e feliz!
    Obrigada mesmo!
    beijos, boa noite

    ResponderExcluir
    Respostas
    1. De nada, obrigada você pelos tutoriais maravilhosos!
      Beijos!

      Excluir
  19. hey, hey, hey!
    dependo da minha amg ninja em HTML e isso é ruim. pq tem todas aquelas coisas de eu quero mudar o blog, mas ela n tem tempo e isso e aquilo outro...
    vou dar uma pesquisada e aproveitar as ferias pra aprender sobre isso.

    ResponderExcluir
    Respostas
    1. Depender dos outros não é bom, né?! Bem melhor a gente aprender a se virar sozinha rsrsr
      Beijos!

      Excluir
  20. Parabéns, adorei o post ajudou muito. (:

    ResponderExcluir
  21. Você poderia fazer alguns tutoriais de como fazer cada passo? Eu quero criar meu próprio layout, mas eu não sei NADA dessas coisa kkk ;) Parabéns, seu blog é lindo

    ResponderExcluir
    Respostas
    1. Eu já criei!
      Clica nos títulos de cada parte (primeira, segunda, terceira...) lá tem o link do post com a explicação- Beijos!

      Excluir
  22. Adorei as dicas quero tentar aprender a fazer o meu próprio. Beijão linda muito obrigada pelo help.

    www.purpurinanasvaidosas.com,br

    ResponderExcluir
  23. Oi linda, amei seu post e o jeito que você escreve, ganhou mais uma leitora com certeza, espero que esse post me ajude vou tentar amanhã rs, beijos 😘
    gabilobatelli.blogspot.com

    ResponderExcluir
  24. Gostei do post .Me ajudou muito.

    http://simplesmenteperfeita-p.blogspot.com.br/

    ResponderExcluir
  25. Muito útil mesmo. Amei muito. Ganhou uma leitora.. Me ajudou muito

    ResponderExcluir

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

Compartilhe!

Related Posts Plugin for WordPress, Blogger...