Big tutorial: Como criar um layout


Hooy gente,

Mais um big tutorial.Queria pedir para vocês lerem o post completo e que no final comente.Aaah e não reblogue heiin? Da trabalho de mais para chegar qualquer um e copiar tudo.Se quiser postar no seu blog,poste! Com as suas imagens com as suas palavras e com os devidos créditos.


Bom gente vamos começar fazendo um layout básico tah?

Vamos lá.Primeiro vá em design>designer do modelo e personalize do jeito que você quiser como as cores dos links,títulos das postagens,gadgets e etc. O mais importante é que você faça as seguintes modificações:




Se você for em avançado>cor do fundo dos gadgets> você deixa as duas cores transparentes.

Feito isso clique em "Aplicar ao blog".
Agora vamos no HTML (design>editar HTML).

Você vai procurar todos os códigos abaixo e todos eles você vai apagar okeey?

$(content.imageBorder.top.space)    

$(content.imageBorder.top) repeat-x scroll top center  

$(content.margin) 

$(content.background)    

left -$(content.imageBorder.top.space)    

$(content.background.color)   

$(content.padding)     

Feito isso as 'ondinhas ' feias que atrapalham no modelo viagem vão ser deletadas.

E outras alterações importantes no designer do modelo a serem feitas:

Plano de fundo da postagem >>> Branco
Links >>>Escolha as cores depois 
Plano de fundo >>>Transparentes
Titulo dos gadgets e das postagens >>> Sua preferência

Pronto! Agora vamos personalizar mais esse layout.

Tutoriais
Gadgets separados em caixas(www)
Blockquote come efeito hover(www)
Seleção do texto colorida(www)
Negrito,itálico,sublinhado e tachado personalizados(www)
Como colocar os créditos no fim do blog(www)
Como personalizar a área dos comentários(www)
Como retirar a navbar(www)
Ir ao topo com efeito deslizante(www)
Como colocar dois background's no blog(www)
Como substituir 'postar comentário' por imagem(www)


Utilitários
Bases de cabeçalho(www)
Cabeçalhos editáveis(www)
Brushes Kawaii(www)
Brushes Kawaii-diferentes(www)
Desenhos feitos por mim(www)
Cabeçalhos editáveis 2(www)
Meus cupcakes~corel draw~(www)
Feiurinhas feitas por mim(www)
Barra de rolagem colorida(www)
PNG's Avril Lavigne(www)
Como por imagem no lugar de leia mais(www)

Gostaram da postagem de hoje?
Espero que sim >.<
Beijos gente,fiquem com Deus ^^


12 comentários:

Leandro disse...

Muito utiul >.<. Muito lindo novo layout, ja te coloquei na elite.
blogger-boysattitudes.blogspot.com.br/

Mariana Mila disse...

Super legal.. usei algumas dicas! ;D
Seguindo, segue de volta? Aceita parceria?

http://tartarugaebrigadeiro.blogspot.com

;*

Anônimo disse...

Super Legal o post ! Bem explicadinho :)

the--crazy--girl.blogspot.com

Josi Flores disse...

ótimo tutorial! Com certeza ajudará muita gente a fazer seus lays!
Bezos~~>http://smileecherry.blogspot.com/

Unknown disse...

Amei o tuto!
#nhaac ~> http://sweetcandiesbr.blogspot.com.br/
Me faz uma pergunta?
http://ask.fm/BelaRVieira
obrigada!

Unknown disse...

Amei o tutorial e amei o blog.
Dá uma passadinha?

Beijos!>.<

http://lolitaahhh.blogspot.com

Unknown disse...

Eu amo esse tuto :3,
Flor
-->http://smileretro.blogspot.com.br/

Anônimo disse...

Abriu vaga para postadora la no meu blog Quer ser minha postadora!!
Vi o seus pos são lindos e perfeitos
one-teens.blogspot.com

Anônimo disse...

Ja te add com minha postadora ja pode postar lá
one-teens.blogspot.com

eJhonas disse...

muito bom o tutorial.. super bem explicadinho ;)

www.ejhonas.com

Unknown disse...

sera muito útil para varias pessoas http://senhoritajosiane.blogspot.com.br/

Você de cara nova! disse...

Muito legal viih'' seu Blog ameii