Como criar um Layout fácil, simples e bonito?

by - junho 01, 2013


Olá meninas, tudo bom? Vou aproveitar o tempo livre para fazer um super tutorial: Como criar um layout básico utilizando a "Tecnologia" do próprio básico.
Mas ele vai ficar super bonito, mas simples, vamos lá?
1°- Abra o Painel do blog e selecione Modelo>> Personalizar>>
2°Escolha o modelo Espetacular Ltda.,o quarto tema.
Então ele ficará assim:

3° -Continue no mesmo editando ainda onde está, vá em Plano de fundo>>Adicionar imagem>>Fazer upload da imagem>> Escolher arquivo

Eu usei essa:

4°-Agora vá em avançado>>Plano de fundo do gadget e personalize com as cores de sua preferência, Ainda em avançado, vá em título do Gadget, mude a fonte, eu recomendo"Pacifico", mude o tamanho para 16 px, e selecione a cor desejada.
Continuando em avançado, vamos para Plano de fundo da postagem, configure as cores a sua preferencia, mas é melhor assim, 1° cor branca e as duas outras transparentes.
Aplique ao blog e visualize.

Então, está assim: 

5°- Para personalizar o titulo da postagem, continue em avançado>>Título da Postagem e altere a sua preferência.
No mesmo avançado, vá em imagem e deixe tudo transparente. 

Ainda em avançado, vá em cabeçalho e data e altere a sua preferência^^
Aplique ao blog e pronto:

Agora vamos mexer com o Html, e centralizar o título da postagem,
que eu já ensinei antes, Tutorial Aqui: (www)
Feito isso o Título já estará centralizado, agora iremos separar as postagem, támbém já ensinei antes, Aqui:(www)
A imagem que eu usei foi essa:

Pronto, agora salve.
E ele fica assim:


Já que é um layout simples, agora só adicionar um cabeçalho, já fiz alguns para vocês,
Se quiserem tem aqui: (www) e aqui(www).


                                              Depois de colocar o cabeçalho ele ficou assim:

O cabeçalho que eu usei também esta onde eu disse^^

Agora vamos ver o mesmo lay, só trocando o background!
Usei esse background:

ou com outro cabeçalho?

Ele fica bom de vários jeitos^^




Veja o blog com o lay: (www)

Agora é só você o ir personalizando com os tutorias que eu posto^^
~zoa rsrs

A postagem ficou enorme, espero que gostem^^
~Kissus ;3


You May Also Like

8 Comentários

  1. Olá! voltei..rs
    tudo certinho?
    ...estou testando algumas dicas para incluir o template.. estou com uma dúvida em como inserir a imagem do cabeçalho (é pelo Layout do blogger? ...e para se colocar efeitos? barra de pesquisa, etc (da para colocar no cabeçalho também?)
    ...e o rodapé? se coloca imagem também?
    desde já obrigada! (e desculpe as perguntas..rs)
    abraços e tudo de bom!
    http://otheranna.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Isso você que escolhe^^ Tudo o que você quiser fazer da para fazer pelo html, mas leva um pouco de tempo para aprender. Sim no cabeçalho da para colocar efeito, já fiz uma postagem ensinando como colocar o efeito sepsia nas imagens,"http://garotasqcurtemanime.blogspot.com.br/2013/05/efeito-sepia-nas-imagens-do-blog.html " Nesse efeito também fica na imagem do cabeçaho. Sim, da para colocar imagem na barra de pesquisa, eu vou fazer um tutorial ensinando, mas antes vou fazer essa postagem parte 2!
      ~Kissus Anna-chan
      Volte sempre^^

      Excluir
  2. Obrigada viu!Eu sou meio que nova na blogsfera,e eu tô com o mesmo layout faz muuuito tempo!E acho que não ficou tão ruim assim.
    Peguei um cabeçalho seu,é que eu não tenho PhotoScape nem nada disso.Vou colocar os devidos créditos assim que eu puder.

    Beijos ~
    sibeleekpop.blogspot.com

    ResponderExcluir
  3. Uau.. nunca pensei que iria encontrar um site que explicasse tanta coisa sobre layout (*-*) para mim que sou navegante de primeira viagem, está sendo ótimo ler. Com certeza tentarei quando tiver mais tempo. Já conseguiu mais uma leitora! kissus

    ResponderExcluir
  4. Amei, sou meio nova nesse negocio de blog adorei a dica Gaby-san

    ResponderExcluir
  5. Amei amei *O*
    Espero que o meu fiquei binito :3

    ResponderExcluir
  6. Nossa, amei esse post, vc realmente é muito boa, eu sempre que procurava nem entedia mais vc conseguiu!!! Vou fazer agora mesmo!! Bjuss!!!

    Vestida de azul { vestidadeazulsempre.blogspot.com }

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)