sábado, 22 de novembro de 2008

Como centralizar o cabeçalho

A postagem de hoje será bem curtinha. Vou mostrar como centralizar o texto do cabeçalho de acordo com o pedido de um leitor. Para fazer isto há um jeito muito simples que se consegue editando o HMTL do template. Então, faça o seguinte:

1. Após entrar em sua conta no Blogger entre na página Layout -- Editar HTML.
2. Busque este trecho de código: #header h1 { . (Use a busca de página com as teclas CTRL + F)
3. Logo abaixo deste código cole isto: text-align: center; .
4. O resultado ficará assim:
#header h1 {
text-align: center;
5. Salve as alterações e visualize o blog a seguir. Você verá o título de seu blog centralizado no cabeçalho, direitinho.

Abraços e bom final de semana! ;)

55 comentários:

José Medeiros da Silva disse...

Realmente as suas dicas nos ajudaram bastante para acertarmos preciosos detalhes no nosso blogue.

Obrigado.
José Medeiros - Xi'an, China

sergiobs5 disse...

Você é o cara filho ... parabéns e continue nos ajudando, é dificil encontrar pessoas como você pela internet, muitas pessoas tem excelentes idéias para fazer blogs, entretanto possuem pouco conhecimento e aí você os ajuda. Como dizem os ingleses.


Good Job !!!

Jean Holanda disse...

Muito Boa mesmo, essa dica.
Funciona mesmo...

Esse blog tá de parabéns!

Thiago Denadai disse...

deu certinho

Hélio Aguiiar disse...

Cara, tentei isso e não centralizou, coloquei uma imagem grande, e essa imagem fica com mais espaço a esquerda, totalmente fora do eixo.

Se Puder me dá um dica, como centralizar imagens no cabeçalho, agradeço desde já.

Abs,
H.

мelisse abrantes disse...

O meu não adiantou não.. aff

Severino disse...

Otíma dica,obrigado.

Rejane Reimche disse...

Estou com o mesmo problema do hélio aguiiar, tenho uma imagem no cabeçalho do blog, e não consigo centralizar!

Se tiver uma dica de como fazer isso, agradeço muito!!

João Vicente disse...

!! Tudo certo, obrigado!!

poucoalem disse...

Valeu, foi muito útil pra mim. Parabéns pelo blog. Abraço.

ADM disse...

ñ funcionou no meu blog!!!!!!!!!
vc pode me ajudar, no blog ñ tem isso #header h1 {
é assim no meu header h1 { ?????

Guto.Ail disse...

Não funcionou isso no meu blog oO!

Anônimo disse...

Valeu !!!

Garcia Digital disse...

Olá ...
Consegui centralizar!
Mas me diz, como faço para centralizar os títulos do Gadget?

Desde já agradeço!

Marcelo Granadeiro disse...

Parabés pela dica muito bom meu twitter >> http://twitter.com/AMORENO_BLOGS

Royal Knoxville disse...

muituh util mesmo principalmente para pessoas que como eu estão começando agora brigadão!!!

Márcio disse...

Valeu deu certinho muito TKS

Larissa disse...

Não achei " #header h1 {" no meu html

Fred Lima disse...

Valeu, este tópico me ajudou bastante!

Idenilse Aparecida disse...

Valeu amigo consegui centralizar o título, valeu muito sua ajuda. Fique com Deus!
Um abraço.

CRISTAL disse...

Olá,obrigada pela dica,mas isso é possível fazer com a imagem também?Piis os novos modelos possuem imagem e titulo só nas laterais,e eu gostaria de colocar o titulo e imagem no centro.Agradeço a ajuda,obrigada.

ElAn disse...

vou tentar encontrar pois eu criei um mas eu ainda naum tenho experiencia total com o blog!! mas vou ver se eu tento encontar isso!!

Eliane Reis disse...

Olá.
Demorei mas encontrei a pessoa certa para me dá a dica certa.
Querido, obrigada!!!!!

Cristina disse...

não funciona - já marquei em expandir widget tb - diz q o formato html é único :( nervoso kidá

Ramon Lima disse...

Não achei esse cídigo no HTML do meu blogger

Anônimo disse...

nao conseguir

Anônimo disse...

Ola malta...

No meu layout nao aparece esse trecho de codigo #header h1 { ...

como posso fazer?

Origado,

Cump's

Anônimo disse...

Obrigado as suas informações são preciosas e poupam muito tempo as pessoas que não percebem tão bem das novas tecnologias. ;)

Continua com o bom trabalho!

Fábio Roberto disse...

Valeu brother, obrigado

MAURICIO disse...

Bom dia,
Eu estou tentando centralizar uma foto que coloquei no blog, mas não estou conseguindo. O meu header h1 está assim:

#header h1{text-align: center; line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font:$pagetitlefont;margin:5px 5px 0;padding:15px 20px .25em}#header a{color:$pagetitlecolor;text-decoration:none}

Eu tenho que alterar mais alguma coisa?
O meu blog é: www.calopsitar.com.br

Desde já agradeço.

Prof. Clara Assad disse...

Adorei suas instruções. Preciso saber também como centralizar a imagem abaixo do cabeçalho.
Obrigada e parabéns.
Clara Assad

Fran Matias disse...

ja tinha tentado varias outras dicas
que me deram pra centralizar...mas com a
sua consegui!
obrigada

Ametista disse...

Olá! Gostaria de saber como faço para centralizar o rodapé.
Obrigada.

Aninhas disse...

ajudou, obrigada ;)

Fharley S. disse...

Vlw, deu certinho aki. muito bom o blog

KarollCamargo. disse...

Ajudou bastante! obrigada (:

Josi Artesanatos disse...

Obrigada pela dica consegui centralizar o titulo.

Heg disse...

oi , o meu não acho esse #header h1 {
só tem .Header h1 {
font: $(header.font);

me ajudaaaa
meu email heg_hj@hotmail.com blog
http://cantobeleza.blogspot.com/

disse...

Não achei isso ->#header h1 {

Marciano disse...

Gostei muito dessa dica, eu já estava pronto pra tirar uma SS e editar no pc para ficar centralizado o nome. Valeu pela dica!

Fer Salgado disse...

Oie, muito obrigada, mas eu achei escrito Header h1 { mas sem o quadrado.
^^

Valew!

Müller Jr´ disse...

Não ficou centralizado.

Sergio Silva disse...

valeu gente boa

comovistonatv disse...

Legal parabéns, funcionou perfeito se puder coloque também como centralizar e alinhar a descrição dos títulos

Geli Cristina disse...

Nem acredito que consegui!!! tão fácil!!!
Valeu mesmo!!!!

Anônimo disse...

Não consegui encontrar "#header h1 {" no arquivo usando as teclas CTRL + F. O computador não localizou nada. Será que é porque estou usando as novas configurações do Blogger? Há outra maneira de centralizar o título do Blog? E de dar espaçamento entre entre a primeira linha e a segunda? Desde já agradeço...

Karine Toazza disse...

adorei obrigada

Jeesie disse...

Oi, haa não conseui achar o "#header h1 {", me ajuda ?

www.i--love--y.blogspot.com

Thau !

Globo Do Bem disse...

muito bomm

Rafaela disse...

Obri!!

José Farias disse...

Ralmente uma dica muito intereçante, e pode ser muito util para alguem iniciante como eu. Parabéns pela dedicaçõa e maravilhoso trabalho.!!!

JL Informática disse...

Muito bom meu caro!!

Rochelle disse...

Valew cara, o baguio deu certo. fico loko. é nóix

Anônimo disse...

n consegui

V.B. Mello disse...

Não achei " #header h1 {" no meu html

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: