• Acessórios

  • Layouts para blog

  • kits de imagens

  • Goodies

  • Layouts free

  • NOME DA FOTO OU TEXTO

19 de janeiro de 2012

Colocando o Banner do seu blogger em HTML



Olá galerinha como vc`s estão?? hoje estou trazendo um tutorial otimo e bem facinho que muitas pessoas não sabe, como colocar o banner em html . Obs: testei no modelo Travel do blogger (viagem). vamos lá...





Vá em "Design", "Editar HTML" e procure por .content-inner { . Abaixo você vai encontrar um espaço para colocar seu banner, existe 3 linhas onde esta escrito "background". Apague essas linha e coloque o código abaixo:

  background: url(URL DO SEU BANNER) no-repeat;
  background-position: ; 

background-color: ;


Agora clique em "Visualizar". Você verá que o seu banner está um pouco desalinhado com o corpo do blog. Para colocar no lugar, procure por .header-inner .Header .titlewrapper, está logo abaixo de onde você esta. Dentro da chaves cole margin-top: 10px;
para subir ou descer a imagem pesquise por .tabs-inner { 
e abaixo de padding: 0; colo o seguinte código   padding-top: 340px;
Você vai acrescentando ou diminuindo esse valor até alinhar seu banner e o corpo do seu blog. Lembre-se que existe números negativos e positivos.

é isso ai facinho né?? gostaram comentem beijão..



Um comentário:

  1. Haha gostei , seu blog é lindo , tutorial bem util, meu blog é o Adolescentes do Oposto caso queira visitar , beijos.

    ResponderExcluir

Deixe seu link nos comentários que irei retribui a visitinha ^^

Related Posts Plugin for WordPress, Blogger...