15 de jul de 2012

Como criar um layout sem editores ou HTML.

Tumblr_llt8z4hmel1qbdn5no1_500_large
Se você reparou no título, já deve estar se perguntando como fazer isso. Aqui no blog irei ensinar passo a passo como fazer!
Não vamos perder nosso tempo precioso. Apenas faça o que manda:
Primeiro escolha um desses modelos, não irá fazer diferença. Agora, continue a ler.

Vá em Ajustar larguras, e em todo o blog coloque 840. Na barra lateral direita coloque 220.
Agora vá em avançado. Clique em Body Text. Escolha a fonte mais legível que tem e coloque na cor preta.
Agora vá em Links. Em cor do link, coloque #ff6ab0 em cor de itens visitados coloque #da93da em cor do destaque coloque #9fc5e8
Agora, em título da postagem, coloque essa cor: #da70d6 e a fonte eu recomendo ou a Pacifico ou a Lobster.
Em título do Gadget coloque essa cor #8b008b e a fonte eu recomendo Sunshiney. A cor da moldura deixe transparente.
Agora saia do avançado e vá para a sessão Plano de Fundo. Clique na seta e clique em Fazer upload da imagem. Então, você irá escolher um background bem bonito para ser o fundo de seu blog. Na área goodies  do blog, tem algumas postagens com backgrounds que você poderá escolher e salvar. Tire a opção rolar com a página. Eu acho que fica mais bonito.
Se você voltar para a Sessão avançado a clicar em background, verá que tem Cor de Borda. Coloque a cor que lhe interessar.
Agora, precisamos de um cabeçalho. Fiz alguns aqui. Para usá-los, entre no paint e coloque o nome de seu blog.

 Caso você tenha um outro editor, pode pegar e deixar transparente caso queira usar para outras coisas, certo?
Por fim, vá em Layout. Então, terá um gadget dizendo (nome do seu blog) cabeçalho. Então, você clica em editar, e coloca o cabeçalho. No posicionamento coloque "Em vez de título de descrição"
E está pronto seu layout! Se quiser, mude os links, títulos fontes, e etc, afinal, o blog é seu!
Clique aqui para visualizar.
Esse tutorial é exclusivamente para o blog Uma Pequena Borboleta.

8 comentários:

  1. voce poderia ensinar aqui no blog como se coloca aquele widget do topo??!

    ResponderExcluir
  2. eu tambem gostaria muito que voce me ajudasse com o layout do meu blog!!
    visita por favor e entre em contato atraves da cbox, http://apsmass.blogspot.com/

    ResponderExcluir
  3. Uma ótima dica para iniciantes :D
    Mas é sempre bom por mais um pouquinho de Html e estilos CSS♥ que é super fundamental *---'
    Amei as coisinhas que você usou para o cabeçalho ú.ú
    Lindo o menu do teu blog!

    Beijos :*
    http://leticiac04.blogspot.com.br/

    ResponderExcluir
  4. @Letícia CastroÉ mesmo, concordo. MAs se a pessoa tiver preguiça ou até medo, rs.

    ResponderExcluir
  5. Olá,desculpa encomodar,é que meu blog foi hackeado hoje,e gostaria de contar com a sua ajuda para reerge-lo,te espero por lá.Muito obg desde já!

    http://cupcakegoodies.blogspot.com.br/

    ResponderExcluir
  6. Legal a dica mais eu prefiro mecher no HTML também para ficar mais elaborado ◕‿◕
    Beijinhos :*
    Poderia contar com você para seguir/divulgar
    Esse Blog ? Noites de Verão claro se não for incomodo,por favor amor.

    ResponderExcluir
  7. @LaaarýEu também! MAs eu dei essa dica para os iniciantes meeesmo! :D. Afinal, mesmo que todo mundo que olha aqui talvez saiba fazer, isso pode ajudar alguém que precise :D

    ResponderExcluir
  8. Adorei o tutorial,já fiz já(ficou super fofos).Mas como a Letícia Castro disse, é sempre bom mexer um pouco no HTML do modelo do blog pra ele ficar mais,como eu diria,estiloso.Mas eu adorei o tutorial

    ResponderExcluir

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡