21 de jul de 2011

Dividir o cabeçalho do novo Blogger



Os códigos sofreram transformações de nomes, mas as funções acabam por ser as mesmas. Muitas vezes precisamos aproveitar ao máximo o layout do blog para que fique em harmonia e perfeita simetria. Para isso, porque não usar o cabeçalho mais do que para o título do blog ?

Então, vamos aprender a diividir o cabeçalho do novo Blogger não tem muita diferença. Siga as instruções.



Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. 


Procure por:


<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Templates e Acessórios (Cabeçalho)' type='Header'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>

 Troque por:



  <div class='fauxborder-left header-fauxborder-left'>
<div class='region-inner header-inner' style='width:55%; float:left'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Templates e Acessórios (Cabeçalho)' type='Header'/>
</b:section></div>

<div class='fauxborder-right header-fauxborder-right' style='width:46%;float:right;height: auto;margin: 0px 4px 0 2px;'>
<b:section class='banner' id='banner' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML210' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div style='clear:both;'/>



Se este acima não deu certo, tente este:

  <div class='fauxborder-left header-fauxborder-left'>
<div class='region-inner header-inner' style='width:55%; float:left'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Templates e Acessórios (Cabeçalho)' type='Header'/>
</b:section></div>

<div class='fauxborder-right header-fauxborder-right' style='width:46%;float:right;height: auto;margin: 0px 4px 0 2px;'>
<b:section class='banner' id='banner' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML110' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div style='clear:both;'/>

10 comentários:

  1. Finalmente um tutorial que deu certo em meu blog! Muito obrigada pela super ajuda.

    ResponderExcluir
  2. OS links n'ao funcionam, me ajuda por pf.

    ResponderExcluir
  3. Respostas
    1. Meu bem, veja o que fez de errado, instalo este hack toda semana, e sempre da certo. Seu template é o Simple ? Beijos

      Excluir
  4. eu quanto vou ver se deu tudo serto ele diz isso Mais de um item encontrado com o id: HTML210. Os IDs de itens devem ser únicos e exclusivos.

    Error 500

    ResponderExcluir
    Respostas
    1. Fofinho, é bem simples de resolver, copie o código e cole-o no bloco de notas de seu computador. Agora substitua o seguinte trecho:





      por:

      Excluir
  5. olá gostaria de saber como faço para criar postagens em cada categoria. por axemplo: das categoria .Policia ,politica. Noticia. quero aber como faço para fazer isso..assunto relasionado a policia, quero colocar todas na categoria Policia.. me ajudem por favou

    ResponderExcluir
  6. OLÁ BOA TARDE, COMO FAÇO PARA VOLTAR O CABEÇALHO PARA O NORMAL. EU DIVIDI MAS AGOGRA TENDO EU TENTO SUBISTITUIR O CODIGO ANTIGO MAIS APARECE OS SEGUINTES ERROS: Não foi possível carregar a visualização do modelo: More than one widget was found with id: Header1. Widget IDs should be unique.

    COMO FAÇO PARA TER O CABEÇALHO COMO ERA ANTES SEM SER DIVIDIDO.. OU ENTÃO ADICIONAR UM GADGET QUE NÃO SEJA DIVIDIDO ACIMA DO CABEÇALHO. COMO FAÇO?

    ResponderExcluir
  7. Oi, como faço para acrescentar três gadget no header?? Consegui fazer como está no tutorial mas tentei mexer para colocar três colunas e deu treta :(.

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube