![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
Dividir o cabeçalho do blog serve para colocar ao lado do título do blog algum gadget como um anuncio, algum banner, uma caixa de busca, etc.
O proceso que veremos é para os templates baseados no template Mínima e para os que são do Designer de modelo do Blogger.
Como dividir o cabeçalho do blog no designer de modelo do blogger?
Primero entra em Desenho | Edição de HTML e SEM “Expandir modelos de widgets” e procure pelo seguinte código:(você pode usar ctrl+f para facilitar sua busca):
/* Header
———————————————– */
Logo abaixo do código acima cole o seguinte código:
.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:47%; float: right; margin:0 auto 1%;}
Agora encontre o seguinte código e acrescente o código que está destacado na cor vermelha:
<div class=’region-inner header-inner’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Título del blog (cabecera)’ type=’Header’/>
</b:section>
<b:section class=’header2′ id=’header2′ showaddelement=’yes’/>
<div style=’clear: both;’/>
</div>
Salve!
Entre na aba “elementos de página” e você verá o cabeçalho divido em duas colunas.
Prontinho, agora você tem uma coluna para colocar um gadget do lado do titulo do blog.
Gostei!Parabéns! Fazia tempo que eu queria por um anuncio ao lado do título e não sabia como…muito obrigado!
Valeu Rogério
Então…vc poderia postar como colocar o anúncio logo abaixo do título, como no seu blog…valeu…
Rogério, em breve vou fazer um tutorial ensinando como colocar este anuncio abaixo do cabeçalho. Aguarde
Funciona no modelo Simples?
Sim; funciona no modelo simples.
No meu blog eles não estão ficando lado a lado, um sempre fica um pouco a baixo como arrumar isso, por favor.
Qual o endereço do seu blog?
Olá!
Tentei fazer o tutorial, e ele também ficou como o do joão silva, o gadget da direita fica um pouco abaixo do cabeçalho. Se puder ajudar agradeço!
douglasdealmeida.blogspot.com.br
Colega é muito simples alinhar. Use: margin-top:10px Ou Margin-bottom: 10px;
10px; eu coloquei só como exemplo; você faz o teste e veja como fica melhor.
Também tive problemas
Qual problema você teve colega? Talvez podemos lhe ajudar.
VLW MANO TAVA PROCURANDO AGORA DA PRA PO MENU DO LADO
amigo, fiz exatamente o que vc falou, e deu certo…mas queria o adsense, e título, com fundo transparente entende, e no meu não está funcionando, não sei se é por causa do modelo, mas sempre que coloco qualquer coisa surge um fundo branco atrás… você saberia como resolver isso?
Você pode acrescentar: background:transparent; no CSS. Provavelmente vai funcionar.
eu queria que ficace lado a lado
fiz e nao ficou parecido com o seu.
Ta falatndo o código final.
Abraços.
Ta faltando o código final, poxa.
Pronto,
Corrigimos a exibição do último código.
Deu o seguinte erro: Erro ao analisar XML, linha 699, coluna 18: Open quote is expected for attribute “class” associated with an element type “b:section”