Image Map

Tutorial basic - Como criar um layout organizado!



Oi Anjos!
Bem, tinha prometido postar e 2 a 2 dias, só que mais uma vez a preguiça dominou meu corpo (não sou tão forte quanto ela). Mais para compensar... vim deixar um tutorial bem básico e bem legal para vocês, que é como fazer seu próprio layout organizado! então vamos lá! Créditos ao Garota do olhar sincero!

1- Modelo Base

Entre no "Design do modelo" e escolha o modelo "Viagem" e logo depois o segundo modelo, aquele branquinho com um avião atras!


2- Retirar a folha atrás

Vamos retirar aquela folha atras, bem, porque não fica muito bonita né! então retire-a apagando esses códigos que estão em NEGRITO na sua HTML
.content-outer .content-cap-top { height:$(content.imageBorder.top.space);background: transparent $(content.imageBorder.top) repeat-x scroll top center;}.content-outer {margin: 0 auto;padding-top: $(content.margin);}.content-inner {background:$(content.background);background-position: left -$(content.imageBorder.top.space);background-color: $(content.background.color);padding: $(content.padding);}

Quando retirar, visualize se sair a folha atras e salve.

3- Fundo

O fundo é algo bem importante no blog, é o que o deixa bonito também!
Escolha um fundo bem legal, que você goste e aprove ele para o modelo de seu blog e coloque assim:
1- Entre no design do modelo, na aba Plano de Fundo;
2- Clique na setinha ao lado;
3- Escolha a sua imagem de plano;
4- Clique em concluído

4- Detalhes

Bem, os detalhes são o que vocês que decidem. Mas assim, deixo aqui alguns links de sites que podem ajudar bastante com os detalhes!


5- Cabeçalho

O cabeçalho é simplesmente o ponto principal do blog! Porque é dele que se da a primeira critica do blog. É algo de extrema importância no layout, e que deve ser muito bem feito! Para fazer seu Cabeçalho, você precisa de um programa de editação. como por exemplo Photoshop(www) e Photoscape(www
Eu uso o Photoscape porque é mais fácil de usar! então faça assim:
Salve essa imagem(www) e abra no photoscape.
Salve alguns brushes(www) e alguns acessórios para deixar mais bonito possível(www)
Baixe algumas fontes para escrever o nome do blog no cabeçalho e fique bem legal (www)
Abra o brushe da menina na aba OBJETO e clique assim:

 Posicione ela aonde te satisfaz, clique 2 vezes em cima dela, aparecera um retângulo, nele tem uma reta com um "botão", deslize ele até no fim, a imagem vai ficar mais transparente. Novamente abra a mesma imagem brushe menina e coloque em cima da transparente, deixando-a um pouco fora para aparecer a de trás assim:
Abra seu acessório e posicione ele aonde te agrada!
Agora escreva o nome do seu blog no icone 'T' escolhendo a cor e o tamanho, o contorno a sombra e entre outros:

Simples não? 
Bem, para seu layout não ficar muito exagerado, não coloque o fundo em gif (imagem animada) e nem muitos gadgets, para não ficar muito carregado, ou seu blog pode até não abrir no computador dos outros!

beijooooos!
gostaram?!?!?!?! comente!


10 comentários:

  1. Perfeito o tuto gabi ,'
    'ce' tem um dom menina , use e abuse viu {=

    garotaperigosa.blogspot.com

    ResponderExcluir
  2. Gostei da postagem, muito bem explicada.
    Gostei do seu blog também, já estou seguindo. Poderia visitar o meu e quem sabe se gostar até seguir?

    diiegoandre.blogspot.com.br

    Obrigado *--*

    ResponderExcluir
    Respostas
    1. Brigadinha Diego!
      Também estou seguindo... e amei seu blog, assunto que desperta meu intertece!
      beijooos

      Excluir
  3. Adorei o Tutorial.. Bem explicado e simples .. (mais ou menos né hehe)

    varrendoaluaofficial.blogspot.com.br/ Seguindo =)

    ResponderExcluir
  4. Amei o Tutorial bem Explicado!

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
  5. Aceita afiliação ?
    já to seguindo o seu blog.

    meudoceespaco.blogspot.com

    ResponderExcluir
  6. Tutorial super útil pra quem está no 'começo' !
    Adorei o blog e queria ser afiliada : devoltaaomundoem15dias@hotmail.com
    Seguindo ;)

    ResponderExcluir
  7. Adorei, super prático o tutorial, sempre me enrolo com meus lays...

    Bjs

    http://detudoumpouco28.blogspot.com.br/

    ResponderExcluir