Image Map
|

14 de jan de 2012

Big Tutorial: Criando um blog fofo

Tumblr_lxcrj8d00r1qgpezho1_500_large
Hoooy! Vamos ao segundo tutorial do blogger?

Bem, sabe aquelas pessoas que tem dificuldade em personalizar um blog? Então, esse post é para eles, mas vale lembrar, que eu vi ele no blog Thechy Teen, então, todos os direitos reservados!

Eu recomendo que vocês abram o bloco de notas, vá no HTML, aperte o botão direito do mouse e cliquem em Selecionar Tudo (ou Select All), e cole seu HTML no bloco de notas, caso um inprevisto aconteça.
Vamos lá?(Meu sonho é falar francês, então, "Venez?")

 Vamos escolher um template fácil de trabalhar, então: Vá em design  depois em design do modelo.

Quando a página carregar, temos um menu do lado direito, selecione a opção modelos. (Template), selecione a ultima categoria, modelo Viagem. Entenda melhor com a imagem abaixo:


Agora, vamos tirar esse fundo feio e começar a personalizar:


O tema ficará todo azul, mas não ligue não! Agora vamos ajustar as larguras do template, para isso, clique em  Ajustar Larguras. Deixe a primeira em 990 e a segunda (da barra lateral) em 313

Agora, vamos a Layout, selecione a opção indicada na foto abaixo:


Bom, agora selecionem a opção avançado, e vá na opção plano de fundo, coloque tudo transparent (é assim mesmo, trasparent)


Agora, clique em Plano de Fundo da postagem e selecione a cor branco.


Vá para a opção texto da página que é cor, fonte e tamanho do texto. Tenha bom senso antes de escolher, confira o post de como deixar os posts organizados do Trechy Teen. 

Olhe alguns código de cor que você pode ultilizar (copie os códigos por virgula)
#8a8686 , #a18d81 , #9d9088 , #bb9ea7

Agora, vá na opção Plano de fundo da barra lateral, deixe a cor da moldura transparente, e escolha uma das cores (códigos) abaixo:
#d2cce5, #f4d5db, #f2d4b5, #f0dcc8

Depois, decida se vai deixar a barra das páginas, acima do layout ou na barra lateral, se for deixar a barra  escolha uma das cores abaixo para ela:

Laranja: #d9d2e9
Roxo:  #d6c8ba
Rosa: #c8d3dd
Azul: #dacec1

Tem também a opção de cor quando está selecionada, pode escolher a que quiser.

Continuando na opção avançado, vá em título do blog, deixe o tamanho da fonte em 0 pixels e a cor transparent. Assim:


A fonte não faz diferença não tá? Você agora termina de editar o que quizer, mas se preferir, colocarei alguns tutos lá em baixo como menu (ou quias) e etc. Quando ter minar, clique em aplicar ao blog (salve)

Agora, vamos a proxima etapa!

Agora, vamos juntar a barra lateral nas postagem e se no caso você deixou a barra de páginas, fazer o mesmo com ela. Para aprender a fazer isso, clique aqui e procure por essa opção
Vamos continuar vamos juntar o Header, para fazer isso, Ultilize esse tutorial
Pronto, mais um passo completo!

Vamos tirar essa borda feia do template:

Para fazer isso, vá nesse tutorial

Prontinho, no proximo post farei uma seleção de tutoriais para vcs!

Beijooos

1 cherryes comentaram! Vc ta aqui?:

Sarahmania disse...

Obrigada pelas dicas...
Adorei sua decoração da uma passadinha no meu blog, ok?
http://estampareal.blogspot.com
Obrigada!;)