Big Tutorial : Como fazer um layout

374872_304431702912764_862349794_n_large

Oioi amores , como 

Acredito que a maioria de vocês já sabem fazer lays né ? Mas eu decidi fazer este post por causa de umas amigas minhas que falam para mim ajudá-las com o lay delas .

Primeiramente , vá em Design  > Designer do modelo e escolha o modelo Travel , e o 2º (azul)


Agora salve e vá em Editar HTML .
Vamos agora tirar essas ondinhas


Para fazer isso , de Ctrl + F e procure por

content-outer .content-cap-top {


E apague essas partes :

$ (content.imageBorder.top.space)
transparent $ (content.imageBorder.top)
padding-top: $ (content.margin);
$ (content.background)
left -$ (content.imageBorder.top.space)
$ (content.background.color)
padding: $ (content.padding);

Visualize e se estiver tudo certo , salve .
Agora , vá em Designer do modelo , novamente 

Vá em Ajustar larguras e coloca todo o blog em 990 e a barra lateral em 350 e vamos personalizar o blog !

Vá em avançado > Texto da página > Tamanho 13 > Cor preta
Links > Com o auxilio de uma tabela , escolha as cores ( Recomendo essa )
Cabeçalho de data > Tamanho 11 > Cor cinza  ( Eu não gosto muito de personalizar a data , mas se preferir deixarei a url de um tuto no fim do post )
Título da postagem > Tamanho 24 > cor que preferir ( Deixarei o tuto de como colocar fonte diferente )
Plano de fundo da postagem > Cor branca
Cor do título do gadget > Escolha a que preferir
Texto do gadget > Cor preta ( se o gadget for escuro , coloque outra cor )
Links dos gadgets > Escolha a cor que preferir
Plano de fundo da barra lateral > Deixe transparente ( pois deixarei o tuto de como separar , e precisa deixar tranparente rs ) > Cor da moldura > Deixe transparente

Pronto ! Salve .

Vamos colocar um background ? 
Vai em plano de fundo e faça o upload de um que gostar , vou deixar aqui 2 claros e 2 escuros :

  
  

E salve !

Bom , ai vão alguns tutoriais que uso em meus lays !


Espero que tenham gostado do big tutorial , e qualquer duvida falem por comentário !

Beijos :* 
- Gaby


17 comentários:

  1. Flor, salva a imagem da bonequinha pronta. E depois faz o traços por cima, assim vocÊ vai saber onde fica cada parte.
    É só salvar a boneca no Pc, e depois abri o Inkcape e aperta aquela maletinha de cima. Aperta ok... e faz a mesma coisa do tutorial.
    #Besitos------------->http://mikaeetc.blogspot.com

    ResponderExcluir
  2. Ótimo tutorial!
    http://garotavertigem.blogspot.com.br/

    ResponderExcluir
  3. Oi minha flor,aceita afiliação? beijos ;))
    clubedetres.blogspot.com

    ResponderExcluir
  4. Adorei as dicas, os tutorias são ótimos, né?

    Beijos; @Raah_Castroo
    www.vidaadegarotaa-vdg.blogspot.com.br

    ResponderExcluir
  5. bom tuto, obrigada pelas dicas!
    beijos!
    http://blogdamazzei.blogspot.com/

    ResponderExcluir
  6. Flor!! Que tutorial hein? Muito bom!

    http://garotapetulante.blogspot.com.br/

    ResponderExcluir
  7. Adorei ,muito perfeito! Queria te convidar pra conhecer meu bog
    http://rosarosalina.blogspot.com

    ResponderExcluir
  8. otimo :3
    Seguindo Gabby!
    http://smileretro.blogspot.com.br/
    >.<

    ResponderExcluir
  9. amei amei *uu* , blog muito divo ;3

    #besos

    http://ojustbehappy.blogspot.com.br/

    ResponderExcluir
  10. Oi meu amor ^^
    Você é minha afiliada e as afiliadas se ajudam né? Então eu estou a precisar da sua ajuda para ganhar uma Gincana de Férias. É só ir no link que eu vou deixar, seguir o blog e comentar lá no post com o meu nome (Jéssica Leite).
    Muito obrigada S2 Love, Fofoca Feminina

    http://encantosdeumaadolescente.blogspot.pt/2012/07/novo-designdecidam-1-prova.html

    ResponderExcluir
  11. Que tudo esse tutorial! Explicou direitinho.

    rosaschiclete.blogspot.com

    ResponderExcluir
  12. Tuto supeer bacaninha amadinha =/
    Parabéns pelo seu blog super cute e bem organizadinho !
    bezos *uu*

    http://pnl-charmosa.blogspot.com/

    ResponderExcluir
  13. Ótimo tutorial,bem explicado.

    http://caprichadasbr.blogspot.com.br/

    ResponderExcluir
  14. que legaal! amei sz

    Criei um blog de moda, ficou super legal, mas tem bem poucos seguidores :(, se quiser, dá uma passadinha lá!
    http://itiscarol.blogspot.com
    E o meu outro blog é esse: http://capprichinho.blogspot.com

    ResponderExcluir
  15. amei o post de tutorial, e super util ;)
    s2hay.blogspot.com

    ResponderExcluir
  16. Goostei ótimo tuto pros iniciantes :)
    Visita e deixe seu comentário ? ~~> Sweet Wordeland
    xoxo♥

    ResponderExcluir
  17. Adorei super util!
    Bjs

    imperfectsmiles-nathi.blogspot.com

    ResponderExcluir

Ola , obrigada por estar comentando !
- Não esqueça de deixar a url do seu blog para que eu possa visita-lo (a)
- Por eu não ter tempo de repassar , não aceitarei para tags nem selinhos ! Desculpe-me ...
- Respeite á todos !