Princess of glitter: Super Tutorial: Como fazer seu template

5/30/2013

Super Tutorial: Como fazer seu template

Oi meninas, eu estava a uns dias pensando em trazer um super tuto mostrando alguns "truques" pra você que está começando a mexer com html, bem, eu não sou a melhor pessoa para dar dicas sobre isso obviamente mas vou fazer o possível pra ser uma boa postagem. Esse super tutorial é em homenagem ao meu aniversário, tipo assim: o aniversário é meu mais eu dou um "presente" pra vocês. Estou até com medo de vocês não gostarem, vai saber né... Afinal, ninguém sabe o que a pessoa do outro lado da tela está pensando...
Primeira parte: base


Se você está começando do zero, vá até os modelos de template e escolha o segundo do modelo travel (viagem). Agora vamos começar a mexer no html, vamos tirar aquelas "bordinhas" que vem no modelo, veja esse tutorialAgora vá em:

Personalizar > plano de fundo

Escolha seu background, se quiser alguns modelos veja aqui. Agora vá em "avançado > plano de fundo da postagem"e escolha o branco, ou a cor que preferir.  Faça uma postagem de teste com itálico, sublinhado, negrito, tachado, blockquote, quebra de página e etc.

Segunda parte: estética

Vamos começar removendo a navbar, temos esse tutorial para remover ou deixar ela hover. Agora, vamos escolher as cores do seu blog, minha dica é não usar aquelas cores "cegantes" como cores neon fortes, pois dói o olho na hora de ler. Se quiser umas palhetas de cores, eu achei essa no cherry bomb que são muito fofas. Vamos personalizar a sidebar? Para começar vamos em:

Avançado > plano de fundo da barra lateral

Vai aparecer duas opções de você mudar a cor (Cor do plano de fundo e cor da moldura), na primeira escolha transparente e na segunda deixe preto. Salve e volte ao html, vamos mexer mais na sua sidebar, tem alguns modelos que eu achei no Bunny Crazy. Para colocar uma linha embaixo do título ou mudar ele de posição use esse tutorial. Para deixar as imagens com borda redondas ou opacas use esse tutorial
Para deixar negrito, itálico e sublinhado hovers use esse tutorial (bunny crazy), para deixa-los automaticamente coloridos use esse.

Pra colocar o "leia mais" como uma imagem vá em seu html e procure por <data:post.jumpText/> e troque esse trecho, somente o que eu falei por este:

<p align='right'><a expr:href='data:post.url'><img src='URL DA IMAGEM'/></a></p>

E caso queira alguns modelos tem esses. Espero ter ajudado, beijos Fernanda ;*

Nenhum comentário:

Postar um comentário