27.7.12

Criando um Layout Kawaii, Rocker e Teen.


Ola sherry's to sumida eu sei :/
Mas to aki e nñ vou abandonar vçês !'
Hoje eu trouxe um Big Tuto prea vçês!
Pra qem nñ sabe criar Layouts
hoje eu vou encinar como criar um mt fofo
e com a cara de vçês !
Vms la ?

1. Vá em Design, Design do Modelo e escolha o Modelo, Viagem: Travel. Escolha o segundo Travel (Azul e Branco) - Como no gif abaixo


2. Em seguida, ainda no Design do Modelo, vá em Plano de Fundo e o retire. Como na imagem abaixo. 

3. Continuando no Plano de Fundo, clique na imagem, Fazer Upload e em seguida Escolher arquivo, como na imagem abaixo.
Escolhi alguns backgrounds para vocês.
Para quem vai fazer layout Kawaii: [www] [www] [www]
Para quem vai fazer layout Teen: [www] [www] [www]
Para quem vai fazer layout Rocker: [www] [www] [www]  

4. Ainda no Design do Layout, vá em Ajustar larguras, isso depende muito de quantas colunas seu Layout terá,  pois bem, mas faça de somente uma coluna. 
    Para quem vai querer apenas duas colunas (Uma sidebar + Uma área de postagem) recomendo as larguras: Todo o blog coloque 1020 pixels - Barra lateral 265 pixels. 

5. Continuando em Design do Layout, vá em Avançado, começando por Texto da página
    A fonte: Prefira as fontes do começo, Arial - Courier - Georgia - Times New Roman - Verdana. 
    Sobre a cor: Para o modelo Kawaii, escolha cores mais claras, mais visíveis.
                          Para o modelo Rocker, escolha cores escuras, como preto ou cinza.
                          Para o modelo Teen, escolha cores fortes, como vermelho ou azul.
    O tamanho da fonte: Nunca use fontes menores de 13px e maiores de 15px.

6. No título do blog, deixe em 0pxComo na imagem abaixo. - Faremos isso, pois usaremos o cabeçalho do blog e colocaremos o nome do blog no cabeçalho.

7. Vá em Plano de Fundo de Postagem e deixe branco, para facilitar a leitura. 

8. Vá em Plano de Fundo da barra lateral e deixe a cor da moldura transparente e quanto a cor do plano de fundo da barra lateral, observe abaixo:
Background Kawaii
Se você escolheu este plano de fundo [www], coloque esta cor: #acc7ef
Se você escolheu este plano de fundo [www], coloque esta cor: #c5f9cb
Se você escolheu este plano de fundo [www], coloque esta cor: #358fa4

Background Rocker
Se você escolheu este plano de fundo [www], coloque esta cor: #333333
Se você escolheu este plano de fundo [www], coloque esta cor: #d1a009
Se você escolheu este plano de fundo [www], coloque esta cor: #ed0f85

Background Teen 
Se você escolheu este plano de fundo [www], coloque esta cor: #ff9900
Se você escolheu este plano de fundo [www], coloque esta cor: #aa40c2
Se você escolheu este plano de fundo [www], coloque esta cor: #c24069

9. Finalmente, vamos sair do Design do Modelo, vamos tirar as bordas no topo do layout. 
Vá em Editar HTML e em seguida usando o F3/Ctrl+F, procure por 
content-outer .content-cap-top{
Apague o que estiver marcado de rosa: (Se preciso aumente a imagem) 
10. Agora vamos juntar a sidebar com a área de postagem, para fazer isso, clique aqui

11. Para personalizar a área do comentário, clique aqui.

12. Para retirar o link "Assinar Postagens Atom" que é ridículo, clique aqui.

13. Agora, vamos colocar o cabeçalho do blog, certo? Para isso, faça o seu, ou pegue-o aqui em abaixo. 
Cabeçalhos aqui aqui - aqui.

14. Agora, para juntar a área de postagem com o cabeçalho, clique aqui.

Espero qe gostem!


Todos os Créditos a : Sweet Poison sou mtmt fã desse Blog *-*

9 comentários:

  1. VALEU O TUTOOO, SEGUINDO COM CERTEZA

    brogandome.blogspot.com

    Carol

    ResponderExcluir
  2. AMEI SEU BLOG !
    ESTOU SEGUINDO , SEGUE O MEU DE VOLTA ? www.oncinha-rosaa.blogspot.com , valeu *-*

    ResponderExcluir
  3. Oi , que lindo seu blog !!! adorei o post , tô seguindo , se quiser conhecer meu cantinho ficarei felizzzzz
    Sendo ♡ Eu

    ResponderExcluir
  4. Oi, que maravilhoso seu blog, já estou seguindo ok? Se puder conhecer meu cantinho e me ajudar a bater a minha meta só seguir e comentar ficarei muito feliz mesmo! Beijos
    japassoudotempo.blogspot.com

    ResponderExcluir
  5. Me ajuda ? não encontrei o código '~' o que faço ?

    ResponderExcluir

♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !