29 maio 2012

Colocando Cabeçalho por HTML

Bem gente hoje vou postar um tutorial super legal e muito fácil de fazer. que é colocar o cabeçalho por html, parece ser muito fácil não? mais é muito fácil e rápido também e fica muito legal. se você quiser aprender a fazer esse tutorial clique em leia mais..

Créditos: World Girl

Como eu estava dizendo é super fácil e rápido. ( se você quiser tirar o backup do seu lay primeiro fique a vontade..). Então vamos lá:

1- Vá em Modelos >> Editar Html ( se você usa a interface antiga, vá em designer >> editar Html)
2- clique em prosseguir, e aperte as teclas " Ctrl+F" ou F3. E procure por:


/* Tabs


3- Abaixo dele vai está mais ou menos assim:

.tabs-inner {
padding: 0;
}

4- então apague esse código e coloque esse no lugar:

.tabs-inner {
background: url (URL DO CABEÇALHO AQUI) no-repeat;
background-position:left;
padding-top:430px;
}

agora vamos só editar, edite assim:
o que esta de negrito é o url do seu cabeçalho.
o que esta de vermelho e a posição de como ele vai ficar.

Bem gente por hoje é só.
comentem fiquem a vontade aqui no blog.
valeu.

22 comentários:

  1. Bem legal o tutorial! Adorei!!
    http://pinkpimenta.blogspot.com.br/

    ResponderExcluir
  2. Só naum deu os créditos né amore?!
    ah aceito parceria sim, pf quando por meu link me avise!



    BEIJUXX
    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  3. Nossa que lindo
    seu novo cabeçalho
    Maravilhoso
    Parabéns
    sucessos
    http://blogdabrendinha10.blogspot.com.br/

    ResponderExcluir
  4. conhecendo seu blog
    e estou seguindo

    http://www.metirademim.com

    ResponderExcluir
  5. Garota esperta mesmo! Sempre com ótimas dicas né?

    Beijos.

    Kika/Acessarte.

    www.blogacessarte.blogspot.com

    www.acessarte.com (loja virtual)

    ResponderExcluir
  6. sempre com ótimas dicas para blogs =)
    mt bom!


    http://kelecatura.blogspot.com.br/

    ResponderExcluir
  7. Bem legal,agora quando precissar já sei onde encontrar;D
    bj morangocom.blogspot.com

    ResponderExcluir
  8. Queria tanto ter tempo pra poder dar uma brincada com o html do Blogger! Nunca criei um template pra ele. :(

    Vou salvar o link do teu blog aqui, acho que nas férias vou conseguir brincar! Hahaha. Parabéns pelo trabalho.

    :*

    http://hey-london.net

    ResponderExcluir
  9. Eu não sei mexer muito bem em HTML mas o seu tutorial ajudou muito, eu adorei!
    Beijinhos

    www.hiperbolismos.blogspot.com

    ResponderExcluir
  10. Ei flor,seu blog ta um espetáculo.é faz tempo q n venho akiie,mas volltei,hehe.
    Beiijos,nhaac <3
    http://so-pra-teens.blogspot.com.br/

    ResponderExcluir
  11. Bom,muito boa...Eu sempre faço cabeçalho no formato JPEG,mas percebo que a resolução não fica boa ou há um desnível da core acor do blog que uso para camuflar a imagem...Obrigado pela dica.

    Espero sua visita no >>EDB2012>>
    ESCRITOR DE BRINQUEDO
    http://escritordebrinquedo.blogspot.com.br/2012/05/as-religioes-do-amor-25.html

    ResponderExcluir
  12. Muito bacana seu tutorial. Continue nesse ramo, a internet é carente de bons tutoriais referente a edição de blogs/site. Parabéns!


    Visita lá? http://aspirantenerd.wordpress.com/
    Estamos precisando de ajuda na divulgação, estamos começando agora. Se puder, dá uma força!


    Valeu!

    ResponderExcluir
  13. Menina, deixa eu te falar um coisa: A M E I seu blog!!! Preciso mesmo de dicas de HTML. ;* http://paisagemdejanela.blogspot.com

    ResponderExcluir
  14. muito bom o seu post. adorei tudo. ficou mt bem explicado. seu cabeçalho fkou lindo.. amei..
    vai lá no meu blog...

    ResponderExcluir
  15. Muito bom o tutorial amiga é sempre bom a gente saber de algumas coisas do nosso blog, beijos.

    ResponderExcluir
  16. Legal o tutu amei.
    Bjs,
    www.coisasdemenina-vicky.blogspot.com

    ResponderExcluir
  17. Nossa, gostei!
    Eu usei esse tutorial pra fazer o meu novo layout.

    http://semcontrole.net.tc

    ResponderExcluir
  18. oi poderia participar do meu concurso
    http://sonhos-das-nuvens.blogspot.com.br/
    Beijos!

    ResponderExcluir
  19. olá. parabéns! descobri hoje seu blog!!!! já estou seguindo!! abraços.

    ResponderExcluir

Créditos Blog Conectada| www.blogconnectada.blogspot.com - 2014 // Todos os direitos reservados // Para encomendar entre em contato.