Image Map

02/08/2012

Tutorial: Como fazer um lay simples

Créditos ao blog Cherry Bomb pelo tutorial. Esse post deveria ser pro domingo, mas a Paulina ficou doente e teve alguns imprevistos e não conseguiu postar, então o post dela sai domingo, ok?
rilakkuma, amor forever
 Bom dia meus omos 
 Tudo bem com vocês? Espero que sim. Hoje vim trazer um tutorial pra ajudar todas ás blogueiras iniciantes, até porque eu usei ele pra fazer todos os lays do PC.
 É de como fazer um lay simples, no modelo Travel, que é o mais recomendado. O tutorial é bem rápido, e é mega simples de se fazer! Vamos lá?

 Crie o seu blog ou abra ele. O meu (de testes) que eu criei pra fazer o layout foi esse:
clique para aumentar
 Vá em Design/Modelo Personalizar, assim que abrir vai estar na categoria "Modelos", aí você muda para esse:

clique para aumentar
 Se quiser, pode aproveitar que está aí e mudar o background, as cores (dos títulos dos posts, links e etc.) e as larguras. Quando acabar, salve e clique em Voltar para o Blogger Editar HTML Prosseguir marque a caixinha Expandir Modelos de Widgets tecle Ctrl+F e procure por:
.content-outer .content-cap-top {
  Vai aparecer um código mais ou menos assim:
 Aí você tem que apagar todas as áreas que estão em vermelho na imagem acima, só deixe os pontos das que estão com a flechinha apontando pra elas.
 Clique em visualizar e veja se ficou assim:
clique para aumentar
 Agora voltando ao HTML, tecle Ctrl+F e procure por:
.main-inner .column-right-inner {
 Assim que achar, vai estar assim:
clique para aumentar
 Apague todas as áreas em vermelho. Isso vai juntar a sua barra lateral com a área dos posts, assim:
clique para aumentar
 Tecle Ctrl+F novamente e procure por:
/* Tabs
 Quando achar, apague o seguinte código:
 Agora é só salvar e pronto! Seu lay básico está feito. Mas pra aproveitar o post, vim trazer um mini tutorial de como proteger seu cabeçalho contra cópias! Vá em Design/Modelo Personalizar Avançado e clique em Título do blog. Deixe transparente, como mostra a imagem abaixo:
clique para aumentar
 Depois clique em Descrição do blog e coloque transparente também.
 Salve e vá em Layout Editar Cabeçalho. Aí é só você marcar a opção de deixar o seu cabeçalho por trás do título e descrição do blog, assim:
 E salvar. Pronto! Layout básico feito e cabeçalho protegido, aí só falta você personalizar! O meu (sem a personalização, só com um cabeçalho) ficou assim:
clique para aumentar
 Se quiser tutoriais pra personalizar seu blog clique aqui, e não se esqueça de creditar!
Copyright 2012. Todos os direitos reservados. Plágio é crime.
  E aí, gostaram? Espero que sim. Algumas pessoas (Ali e Nanda) que já vasculharam o blog todo sabem que eu já fiz um tutorial há um bom tempo de como fazer um lay simples, mas não era no Travel e muitos códigos não funcionavam, aí resolvi fazer esse. Qualquer dúvida é só falar nos comentários, ok?
 É isso. Beijinhos com glitter :*

42 comentários:

  1. Ótimo tutorial mesmo, incrível!... Para iniciantes esse tutorial vale mais do que o HD deles! kkkkkk (^^)

    O Acesso Permitido está comemorando o início do seu Aniversário, visite, e conheça o FAAP!..
    Acesso Permitido - FAAP

    ResponderExcluir
    Respostas
    1. Nossa, super concordo! hahaha ><
      OMG, então começou! Vou ir lá agora mesmo *--*

      Excluir
  2. Haha', adorei o tutorial!
    É bom mesmo você poder compartilhar com a gente seu dom!

    ResponderExcluir
  3. Nossa, amei o tuto, é perfeito *--*
    Kisses :*
    http://garotasatrevidas-s2.blogspot.com.br/

    ResponderExcluir
  4. Adorei !!
    Um beijão.

    http://www.coffemilia.blogspot.com

    ResponderExcluir
    Respostas
    1. Sério, fofa? Eu não mereço isso, gente falsa e ctrl C+ ctrl V!

      Excluir
  5. Oi, tudo bom?
    Adorei o tutorial ,
    Ficou perfeito :)
    Território das garotas
    @territoriodg
    Bjss *-*
    Passa lá no blog?
    http://territoriodascompradorasdelivro.blogspot.com/

    ResponderExcluir
  6. Adoreeei o post,o tutorial é bem fácil,será que consigo fazer um lay?
    Acho que um dia assim tento,haha' ><
    Melhoras,porque você ficou doente?
    Beijinhos :*
    http://garota-amargurada.blogspot.com

    ResponderExcluir
    Respostas
    1. Bom que gostou, Leh! Aaah, ok ><
      Não sou eu não, é a nova postadora ><

      Excluir
    2. Hahaha' >< Desculpe achei que era,será que você podia por o lay então?
      Vou mandar a solicitação para o paulapollygatinha@hotmail.com pode ser?
      beijinhos :*

      Excluir
  7. muito legal !!! cookiegirlsfun.blogspot.com

    ResponderExcluir
  8. Ah,é um lay bem simples e fácil.Gostei
    www.jujuba-amp.blogspot.com

    ResponderExcluir
  9. Eu usei esse tutorial ^^
    Forever Kawaii! ~~> Sweet Kawaii

    ResponderExcluir
  10. Muito legal, as vezes o HTML paraece ser super complicado mais nao é
    Blog Nossa Necessarie

    beijinhos

    ResponderExcluir
    Respostas
    1. Valeu pela informação desnecessária .-.

      Excluir
    2. Desculpa responder, Paula.. Mas, Tamires, é tipo falar pro mago se ele sabe fazer alguma magia!

      Excluir
    3. hashuhashuha' =D ~ri alto

      Excluir
    4. Nossa, adorei Ali! hahahaha ><

      Excluir
  11. Isso vai ajudar muito gente iniciante, ah se vai. Sempre digo que o início de um layout começa no Designer do Modelo, porque é nele onde se faz a "base".

    http://world-cutest.blogspot.com/

    ResponderExcluir
  12. Amei o tuto, ele é ótimo para quem ta começando a fazer layouts, como eu! hahaha. Agora tenho que ir lá proteger meu cabeçalho! u.u
    Bjbj da Mandy.

    ResponderExcluir
  13. Lindo, lindo e super vantajoso o tutorial >.<
    Vou até tentar fazer uns lay's aqui *--*
    Tem post novo lá no Apenas Sorria (:
    http://apenassorri-a.blogspot.com.br
    Kisses :**

    ResponderExcluir
    Respostas
    1. Ooown, que bom que gostou, flor! Okok, vou ir lá ver!

      Excluir
  14. Agora já sei como deixar o Travel bonito ?(rsrss)
    Nanda <3

    delicatepinkties.blogspot.com

    ResponderExcluir
  15. Pode, mais que as pessoas creditem meu blog também :) xx

    http://oficial-sweetgirl.blogspot.com.br/

    ResponderExcluir
  16. ótima dica! Eu amo demais o Piink Cookie!

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

    ResponderExcluir
  17. Adorei o post (: , bem criativo teu blog!
    Beijos.

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

    ResponderExcluir
  18. C-O-M-O V-O-C-Ê P-O-D-E C-H-A-M-A-R I-S-S-O D-E L-A-Y S-I-M-P-L-ES? Tá muito perfeito Paula :3 Era o que eu tava procurando. Obrigada :3

    ResponderExcluir
    Respostas
    1. Ooown, que bom flor >< Fico feliz que tenha gostado e que tenha te ajudado! *---*

      Excluir
  19. Paula Polly Gatinha rsrs
    Vi ali no print ><
    Amei, ajudou muito! Bjs (:

    ResponderExcluir
    Respostas
    1. Sim sim, ashuashuas >< Aaah, que bom então flor :3

      Excluir