25/09/2012

Colocando cabeçalho no blog pelo HTML


Yo meus amigos trago mas um tutorial hoje para vocês. Vou mostrar como colocar cabeçalho (banner) pelo HTML, e possivel colocar por dentro das edições do blog, mesmo assim eu irei mostrar, pessoalmente eu acho melhor do que o da edição do blog. Bom então vamos lá?

1. Vá em seu HTML, clique em "Expandir modelos de widgets" e utilizando o atalho Ctrl+F ou F3, procure por:
Códigos

<b:widget id='Header1' locked='true'

Achou? Assim que encontrar, substitua o true por false. Ficará assim:

Códigos
<b:widget id='Header1' locked='false'


2. Visualize  se estiver tudo certo, salve. Agora, pesquiser por:

Códigos
.tabs-inner {

3. E abaixo dele você coloca:

Códigos
background: url(IMAGEM) no-repeat; background-position:center; padding-top: 600px;


Só troque o IMAGEM pela URL do seu cabeçalho e o 600px, é só aumentar de acordo com o tamanho do seu cabeçalho.

12 comentários:

  1. Estou com o blog em reforma e não consegui achar .tabs-inner { ;x E agora, me ajude, plis e_e

    Kisses ~

    ResponderExcluir
    Respostas
    1. Oi linda experimenta procurar por /* Tabs fica em cima do .tabs-inner {

      ou /* Headings se achar basta subir, que ele fica em baixo.

      Excluir
  2. Anônimo1/9/13

    Amor, o cabeçalho fica cortado, como faço pra deixar em tamanho normal?

    ResponderExcluir
    Respostas
    1. Estranho isso acontecer,... irei avaliar o tutorial ok?

      Mas esse blog tem um tutorial que parece estar completinho, espero que ajude.
      http://tatieleramos.blogspot.com.br/2013/03/como-colocar-o-cabecalho-pelo-html.html

      Excluir
    2. Anônimo19/3/14

      O meu também ficou cortado! Como faço pra deixar Normal?!

      Excluir
  3. Anônimo1/1/14

    Seu blog é muito útil pena que sua leitura precisa de lupa!

    ResponderExcluir
    Respostas
    1. Obrigada por acha-lo útil, bom as fontes do blog são do tamanho padrão do blog. Numero 13 e 14, só os menus que as fontes são menores, talvez possa ser a configuração de sua tela. Mas de toda forma obrigada por comentar e pela dica.

      Excluir
  4. Oi, não consegui encontrar nem o .tabs-inner e nem essa dica "Oi linda experimenta procurar por /* Tabs fica em cima do .tabs-inner {

    ou /* Headings se achar basta subir, que ele fica em baixo." me ajudou.

    Aguardo.

    ResponderExcluir
    Respostas
    1. Dei uma olhada em seu blog e ele é com códigos mais desenvolvidos para sites não mexo muito com isso então não compreendo. Mas achei essa tag aqui: .tabs-outer{

      Faz o teste e vê se funciona. Tomara que sim <3

      Excluir
  5. Oie,sem querer exclui o meu cabeçalho agora n consigo coloca-lo mais.Me ajude pf!!Adorei o blog!

    ResponderExcluir
    Respostas
    1. Olá Carol! Essa coxa de frango do Ronald Wesley esta me dando uma fominha , viu? Bom vamos lá, é bem fácil recolocar. Vá no layout do blog, depois clique em criar um novo gadget normalmente. Vai abrir aquela lista de opções de gadget vai descendo ate o final e vai achar a opção (Cabeçalho da página), então clique adicionar. Ou então use a opção CTRL+F e na barrinha cole: Cabeçalho da página. E clique em adicionar. ^^

      Excluir
  6. Por aqui sempre tem o que procuro ♥ Obrigadinha pela ajuda Wendy *-*

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345