Para centralizar uma imagem com dimensões diferentes da largura total do cabeçalho você precisará editar o código-fonte de seu blog. Como sempre, recomendo que você faça backup antes de mexer no HTML do blog, tá?
Precaução tomada, vamos ao tutorial?
Como centralizar a imagem do cabeçalho?
A seguir clique em Editar HTML.
Se aparecer um aviso para tomar cuidado, clique em Prosseguir.
Pode clicar, confie em mim.
Na página que abrir tecle Ctrl+F dentro da caixa de código e na barra de pesquisa que abrir cole isso e dê Enter para localizar:
Agora preste atenção!
Antes do início do código que pedi para encontrar coloque a div <center> e ao final do código coloque o fechamento da div </center>.
Então o código completo deve ficar assim:
Clique em Visualizar. E se estiver tudo ok, salve as modificações.
Como centralizar o título do blog?
Por padrão ele está alinhado à esquerda.
Então vamos aprender como centralizar?
Com o código-fonte de seu blog aberto encontre esta linha:
Abaixo dela coloque o comando para centralizar:
Visualize.
Se tudo deu certo o título de seu blog agora está centralizado.
Salve as alterações.
Dicas extras:
- A centralização da imagem só funciona se, ao escolher a forma de instalar a imagem, você selecionar a opção Em vez de título e descrição.
- A centralização do título só funciona se você não estiver usando nenhuma imagem no cabeçalho.
- Para ter ambos, título e imagem, no tamanho e posição que você quiser é preciso criar em um editor de imagens (tipo Photoshop) o cabeçalho que deseja usar. Depois de pronta a imagem basta clicar em Editar, no cabeçalho e escolher a opção Ao invés de título e descrição.
- Os códigos podem variar de template para template. Testei em todos os nativos do Blogger e deu certo, mas em templates externos ou que tenham sofrido muitas alterações pode não funcionar.
Oi Ealine,
ResponderExcluirAi que bom que voce postou isso! Queria tanto arrumar o meu e ja nao lembrava como fazia.
Fiz no meu blog Dulce Fragancia que é novo e deu certinho, mas no meu mais antigo Sueli, nada que eu ponho na caixa de procura com a tecla F, aparece. Sempre sai em vermelho e não encontra o código. Nenhum tipo deles. Tudo que voce ensina aqui ja tente fazer e não encontra. Antes eu conseguia agora não sei porque não dá mais. Já mudei a plantilha e não funcionou. Que faço?
Sueli, eu teria que ver seu código fonte pra opinar.
ExcluirMas talvez o caminho seja trocar o template por um nativo, sem modificações, do Blogger.
beijos
oi Sueli, acredito que para aparecer a caixa para vc pesquisar, vc tem que estar com o clique no html, como se vc fosse escrever algo, clica lá e aperta ctrl+f que aparece ! beijos flor
ExcluirElaine me ajudou muito ! obg
www.voudeallsttar.com.br
Miga, voce tá fazendo o meu?
ResponderExcluirResponde tá?
beijin
Sim, Edinir, todos os templates que eu personalizo são completos, incluo sempre essas melhorias, e muitas outras.
Excluirbeijos
oi Elaine, amei seu blog, vc que o personalizou?
ExcluirSim, eu mesma.
ExcluirEu trabalho com personalização de blogs :)
bjsssss
Olaáá'.. essa dica foi mto boa!!! utilizei!!
ResponderExcluirJásou sua seguidora
bjinhos
Olá Elaine. Muito obrigado pelas dicas... Fui ao post sobre como fazer o backup, segui todos os passo e já o fiz para os meus dois blogs.
ResponderExcluirBeijinhos grandes.
E eu quebrei tanto a cabeça pra descobrir como é que fazem isso...
ResponderExcluirMas já mudei o layout do meu e gostei como está. Coisa simples!
Elaine, cada vez que eu entro aqui, vc muda uma coisa, então, é perda de tempo a gente ter pressa por aqui, é bom ficar rodando, rodando e ver todas as novidades.
Muito bom aqui!
Beijossss
Elaine , eu tenho dois neuronios e ambos danificados pela chapinha e agua oxigenada hehehe eu te esepro ... amiga te mandei um email tá ??? Vc esta emlhor ?? Bjimmm iluminado
ResponderExcluirBoa tarde Elaine.
ResponderExcluirMenina, só de ler fiquei cansadinha.
Prefiro ver isso mais pra frente. Mas espero que ainda neste ano feche negócio com você. Por agora não dá, marido precisando de grana extra para algo muito bom. Qdo tiver certeza conto para todos. rsrsr.
E aproveito para lhe deixar uma mensagem:
"Desenvolver força, coragem e paz interior demanda tempo. Não espere resultados rápidos e imediatos, sob o pretexto de que decidiu mudar. Cada ação que você executa permite que essa decisão se torne efetiva dentro de seu coração." (Dalai Lama)
Desejo um resto de semana abençoado e um final de semana mega feliz.
Bjokas...da Bia!!!
Obrigada pelas dicas, Elaine!
ResponderExcluirBj,
Lylia
Elaine,aprendo tanto com tudo que você compartilha sempre por aqui que linkei seu blog na parte Blogs que me Projetam la' no http://projetandopessoas.blogspot.com//
ResponderExcluirSó tenho a agradecê-la pelo seu papel na blogosfera.
Bj Sandra
Oi Elaine:) Como sempre um ótimo post! Estou em falta com você, mas tenho feito a lição de casa direitinho, viu? Depois te conto por e-mail.
ResponderExcluirMas passei prá contar que ganhei um selo de blog aprovado com nota 10 e que o estou repassando para você. Não precisa fazer nada (publicar, seguir, etc) é só uma forma legal de falar dos blogs que a gente gosta.
Para ver (e pegar se quiser replicar) passe em: http://gentedemassinha.blogspot.com/2012/01/oi-todo-mundo-postando-para-contar-que.html
Beijos, Pat
Oi Elaine!
ResponderExcluirSaudades rsrs
Arranjei um tempinho para visitar você.
Sempre com ótimas dicas heim !!!
Vou ler tudinho com bastante calma depois que voltar ao Brasil.
Beijos australianos.
Elaine, o que seria de mim sem vc? Estou começando a futucar em meu blog por agora graças a ti, mais ainda não tive coragem em fazer algumas alterações, realmente quando é pra alterar o bendito do html dá um medão de fazer errado...
ResponderExcluirbeijos e obrigada por dar estas dias.
Oi!! ^^
ResponderExcluirVim aqui te convidar a participar do sorteio que está rolando lá no blog!
Espero você lá!! =D
Bjus
@OMundoDeCaliope
Sempre ensinando !!
ResponderExcluirSabe Elaine, quando li seu comentário no dia do meu níver fiquei emocionada, pois eu tenho muita admiração por vc e por sua postura séria em relação á todos os assuntos.
Seja ele polêmico, engraçado . Gostei do post do Danilo Gentile, e por incrível que pareça passei a olha-lo com outros olhos simplesmente pelo que vc falou.
Eu sempre agradeço á Deus pelo blog, pois através dele conheci pessoas incríveis, vc é uma delas, que me inspiram, me ensinam e principalmente me motivam.
Querida, obrigada pelo carinho de sempre !!
Bjus 1000 lindona !
Oi Elaine,
ResponderExcluirInfelizmente não consegui, fiz td que vc falou mas o meu não deu certo...
O que pode ser????
bjs
Drinha, releia o post atentamente.
ExcluirEm modelos do Blogger sempre dá certo. Se seu blog usar um template externo ao Blogger pode não funcionar.
beijos
Elaine querida,eu assino postagem automática do seu site.
ResponderExcluirSegui esta dica o cabeçalho está centralizado.
Obrigada,bjus
Flor!!!!!!!!
ResponderExcluirTentei fazer em casa e nao deu certo e aqui no serviço funcionou!!!!!
Acho que era sono!!!!! rs
Valeu!!!!!!
bjs
Parabéns pela iniciativa da Campanha Solidária! Estava com dificuldades no PagSeguro, agora deu certo... e sucesso nas demais iniciativas por aqui! Abs.
ResponderExcluirElaine,
ResponderExcluirA Luma me indicou seus serviços de personal de blog, mas so hoje estou entrando em contato. Voce abriu novas vagas? Pode entrar em contato comigo? cameliadepedr_1@yahoo.com.br
Te agradeço desde ja. Preciso muito de uma força para fazer algumas coisas referentes ao blog e que nao consigo sozinha,e olha que venho evouindo...
Bjao
Camille
Elaine,
ResponderExcluirEu ja tinha lido o outro blog, ja entendi. Nossa como que meu e-mail nao esta entrando. Vai ver te dei o endereço errado. Ai vai novamente
cameliadepedra_1@yahoo.com.br
Se nao entrar de novo voce me avisa?
Grata.
Bjos
Eu até pensei que já sabia muito, mas sempre se aprende algo novo e ainda mais com você amiga Elaine,
ResponderExcluirBeijos
Elaine,
ResponderExcluirgraças a vc consegui centralizar a imagem do meu blog.
Muito OBRIGADA
Vc é uma pessoa muito especial,fiquei muito feliz em te conhecer
Andrea
se eu tivesse encontrado esse blog há 2 dias teria menos cabelos brancos... Valeu, deu certinho!!!!
ResponderExcluirOi Elaine ,parabens pelo site e pelas dicas.Seguinte:. estou numa "sinuca de bico";
ResponderExcluircoloquei um menu personalizado do site "flashvortex.com" no meu Tumblr no sidebar tudo ok.;
só que não consigo encaixar ou ordenar os posts por categoria.
Ex>>Music (post relacionados a musica) Literature(posts sobre literatura)
Photography(post relacionados a fotografia) e assim por diante.Consegui fazer este acerto no blogger mas no
Tumblr não estou conseguindo.
Se caso tiver algumm tempo e alguma dica eu agradeço.
Obrigado pelo compartilhamento de informação.
abraço
CRRochaGuitar
Obrigado pela dica!!
ResponderExcluirAgora ficou perfeito !!! Valeu!! Grande abraço
Você acredita que eu tentei e não consegui? Acho que sou meio burrinha mesmo. Dá uma raiva...
ResponderExcluirMuito obrigado.
ResponderExcluirOi Elaine,
ResponderExcluirValeu pela dica, ajudou muito!
Nossa, procurei em vários lugares e só agora que deu certo. Muito obrigadaaa! Abraço =)
ResponderExcluira primeira vez que tetei nao consegui e hoje consegui.voce é o maximo,vou colocar voce no meu blogroll.se voce precisa de uma ferramenta eu seu blog voce acha aki no um pouco de mim...
ResponderExcluirmaravilha muito obrigado, lindo site parabéns.
ResponderExcluirDica muito útil. Era exatamente o que eu estava procurando. Só acrescentando que a descrição também pode ser centralizada.
ResponderExcluirNossa... dizer MUITO OBRIGADA ainda é pouco, por este post!!!
ResponderExcluirAgora sim, estou mais feliz ainda com o meu blog!!
Super bjs!
;D
http://cdecici.blogspot.com
Show vlw pela dica.
ResponderExcluirVeeey
ResponderExcluirque postagem legaal
ameeeei ameeeei
no seu blog é muito faacil de aprender as coisas...
Obrigada pela clareza sem enrrolação....
Bjuhs
http://quasetudo-ck.blogspot.com.br/
....
Muuuito obrigada, estava precisando mesmo desse tutorial!! to seguindo aki, segue o meu?
ResponderExcluirhttp://thewoag.blogspot.com
Obrigado por essa portagem. Ontem fiquei no computador geral da casa das 20-23 horas, e nao tive sucessos, porem hoje no meu notebook funcionou direitinho. Nao faco a minina ideia do porque. Obrigado valeu!
ResponderExcluirMuito obrigado! Ajudou muito!
ResponderExcluirFaz tempo que tento arrumar e não consiguia
Oi, e quando não tem no blog o codigo pedido como faço?
ResponderExcluirOii adorei a dica, muito obrigada!!
ResponderExcluirMuinto OBG vc me ajudo muinto!!!
ResponderExcluirElaine, adorei o post e já modifiquei no meu blog. Me dá uma dica? Você citou que podemos "criar (uma imagem personalizada) em um editor de imagens (tipo Photoshop) o cabeçalho que deseja usar", mas qual o tamanho da imagem que devo fazer? Dá prá fazer no corel?
ResponderExcluirObrigada e bjs!!!
http://bebelvirtuosa.blogspot.com.br/
Elaine
ResponderExcluirBom dia! Bateu saudades e vim correndo fazer uma visita e sei que vai ser difícil de sair daqui com tanta dica boa. Vou ler seus post para saber como está tudo, a sua menininha , o maridão e você.
Um lindo dia !
Beijos no seu coração
Menina super deu certo!!
ResponderExcluirMuito obrigada!!
Bjos
http://clubinhodasencantadas.blogspot.com.br/
Adorei, deu super certo!
ResponderExcluirBeijos ;*
Obrigado agora consegui personalizar o meu blog hê hê!
ResponderExcluirFoi ótima a sua dica!
Seguindo , beijos e sucesso!
Poxa, eu eu prestei muita atenção em tudo mais eu não consigo (sou meio burra) por favor se você puder fazer pra mim, eu falo o e-mail Bjs Obg :*
ResponderExcluirObrigado pela dica e parabéns pelo blogue :)
ResponderExcluirOi Elaine,
ResponderExcluirIniciei meu blog a pouco, e não sei muito de como personalizá-lo, estou passeando pelas suas dicas. Obrigada!!! Pretendo postar o segundo post apenas, mas se quiser conhecer http://cadadetalheeoquevale.blogspot.com
Ótimo tutorial! Ajudou muito!
ResponderExcluirMARAVILHA... Muito obg qrida!!! Eu fiz pq aprendi c vc. Beijossss!!!
ResponderExcluirMuito obrigado!Naveguei muito e só consegui centralizar meu título com suas dicas. Beijos!!
ResponderExcluirPerfect!!!
ResponderExcluirAdorei a dica :)
bjos!
rosaemorena.blogspot.com.br
Oi elaine amei tuas dicas, mas gostaria de saber como centralizar a descrição do blog agora? Desde ja obg pela possivel ajuda. bjos
ResponderExcluirObrigada gata me ajudou muiito ;D
ResponderExcluirMarcia Batoni
ResponderExcluirAgradeço pelas dicas. Abri meu blog recentemente. Estou tentando deixar ele com minha "cara". Agradeço pelas dicas.
Vc é incrível, as suas dicas são de grande ajuda e importância para a otimização de qualquer blog, amei todas as dicas e fiz proveito de todas que me foi possível, pois só agora estou iniciando nessa de "blog".PARABÉNS PELO SEU BLOG, É SIMPLESMENTE INCCRÌVEL!BJIM
ResponderExcluirOla! as suas dicas são sempre ótimas! obrigada! deu certinho! bjks
ResponderExcluirObrigada, foi mito útl pra mi. Beijos, http://umbeijocombatomvermelho.blogspot.com.br/
ResponderExcluirObrigado!
ResponderExcluirOlá querida Elaine,Muito obrigada pelo post!Acabou de me salvar :)
ResponderExcluirTo fazendo um novo bloguinho e estou toda atrapalhada rs
Bom fim de semana flor!xeroo
mudo o html e nao consigo centralizar, pode me ajudar?
ResponderExcluirOi Elaine!
ResponderExcluirPara mim não aparece escrito Expandir modelo de widgets.
Sabe como posso fazer?
Bjos
Muito obrigada pela ajuda! Muito útil mesmo.
ResponderExcluirBeijos.
http://thief-of-words.blogspot.com
vo copiar muito ¬¬ como vou copiar o código se vc bloqueou a opção de copiar affs!!!
ResponderExcluirNo meu as imagens saíram Duplicadas o que fazer?
ResponderExcluirMuito boa a dica! Parabéns! ;)
ResponderExcluirNÃO CONSIGO. Estou decepcionada por não ter conseguido, ele não encontra o link na busca ;(
ResponderExcluirBeatriz, tem certeza?
ExcluirSeu blog é um dos mais fáceis de achar, experimente de novo.
Tenho certeza que dará certo.
Elaine querida, fiz e refiz mas não deu certo..não sei se o comando Control +F muda se o computador for Mac.e os códigos não achei..rs. não consegui..entretanto é uma dica ótima..como sempre, você auxiliando e ensinando a todos..super beijos,
ResponderExcluirElo
Olá,
ResponderExcluirComecei junto com uma amiga um Blog, só que tenho dificuldade pra saber como coloco uma imagem de capa do Blog, e não como pano de fundo. Tem algum post falando sobre isso? ou se não poderia fazer um.
Adorei seu blog.
O link do meu é esse:
http://belapoderosaemaquiada.blogspot.com.br/
Bjus
Elaine
ResponderExcluirBom dia.
Parabéns pelo seu trabalho, pois além de um belo visual está recheado de dicas importantes, algumas das quais estou utilizando em meu blog. Então, a título de colaboração vou dar um dica extremamente fácil de como centralizar o TÍTULO e a DESCRIÇÃO no Blogger. Façamos Assim:
Vá em MODELO --->PERSONALIZAR--->AVANÇADO--->ADICIONAR CSS, e lá digite:
#header h1{text-align: center;}
#header description{text-align: center;}
Aplique ao blog e visualize.
No meu blog www.rangel2014.blogspot.com.br utilizai está técnica e deu certo.
ATENÇÃO: Salve o código em um processador de texto qualquer, pois se mudar template ele se perderá, Ok?
Saudações.
Olá, Preciso muito da sua ajuda meu blog não achou esse link oque eu faço??
ResponderExcluirObs: Ameei seu blog e seus tutoriais são perfeitos!!
Link do meu blog: http://tudoemaisumpoucofficial.blogspot.com.br/
Você é demaaaaaaaais! Obrigadaaa! <3
ResponderExcluirQue bom que você compartilha seus conhecimentos. Esta deu certo no meu outro blog. Obrigada.
ResponderExcluirhttp://zeliaplantas.blogspot.com.br
MUITO BOM TUTORIAL, SÓ QUERO DAR UMA DICA, NÃO NECESSÁRIO FAZER BACKUP PARA PEQUENAS MODIFICAÇÕES COMO ESTAS, RECOMENDO USAR "CTRL+Z" . CASO NÃO DE CERTO ESTE COMANDO DESFAZ AS MODIFICAÇÕES MESMO DEPOIS DE SALVAR O MODELO, EXECTO SE VOCE ATUALIZAR A PÁGINA.
ResponderExcluirE quem disse que apenas as mulheres comentam aqui? Sou apaixonado pelo seu blog/site! Tem me ensinado muito, eu admiro as mulheres, quando o assunto é blog, e design. Vocês dão de 743738290732 à 0 em nós, homens! Parabens Elaine, sucesso for u! :D
ResponderExcluirnão acehei este código no meu. e agora??? :-/
ResponderExcluirMarci, em geral todos os templates têm esse código.
ExcluirTem certeza que procurou do modo correto?
Funcionou direitinho, mto obg!
ResponderExcluirOlá! Consegui colocar a imagem no centro. Obrigada.
ResponderExcluirElaine, vc pode me ajudar?
ResponderExcluirQuero criar uma imagem bem legal para colocar no cabeçalho do meu blog, como a sua, mas não sei como, vc pode fazer um tutorial?
Me ajudou demais! Obrigada! *-*
ResponderExcluirObrigado pelas dicas, mas acho que meu blog ta meio caidinho hahahah
ResponderExcluirwww.amoreoutrosviciosblog.blogspot.com.br
Elaine, muito obrigado pelas dicas!! Tava realmente precisando saber como se centralizava o título!
ResponderExcluirCaramba... os códigos que eu tenho de procurar nunca acho! rsrs
ResponderExcluirnunca da certo achar esses códigos! =(
Olá Elaine, como sempre desde de quando criei o meu blog, estou sempre passando por aqui para saber como fazer o meu blog, confesso que se não fosse o seu blog, acho que já tinha desistido. Tantas duvidas que eu tinha como fazer isso, ou aquilo encontrei tudo aqui...Sou apaixonada nesse blog, tem tudo tão lindo e perfeito.. Como sempre está de parabéns.
ResponderExcluirBeiijoos...
Elaine, fiz no meu blog teste e deu certo. agora vou fazer no oficial. Muito obrigada Vou colocar seu blog no meu blogroll de blogs que pego dicas.... bjs e valeu
ResponderExcluirAgradeço muito sua explicação! Detalhada e fácil de entender, principalmente para uma leiga no assunto como eu. Orbigadaa!
ResponderExcluirOlá Elaine,boa noite.
ResponderExcluirAdorei suas dicas. Estou começando um blog agora com mais duas amigas.
Porém tem coisas q não consigo fazer...acho q pelo fato do blogger está atualizado sei lá. rs
Por exemplo...fui centralizar o título das postagens e simplesmente os códigos não batem...
O mesmo com o Título do blog..
As configurações antigas eram bem melhores rsrsrs.
Bjs Elaine e obrigado!
Muito útil e muito bem explicado, a única coisa que dificulta é não poder copiar e colar logo, cria algum medo de escrever algo mal ahah. Obrigada :)
ResponderExcluirMt bom consegui fazer no meu 'u' smp procuro tutoriais em outros blogs e os seus são os únicos que funcionam :]
ResponderExcluirMuito obrigado pela ajuda! Um beijo
ResponderExcluirAi como agradecer você em me diz devo todo o meu blog aos seus tutoriais sempre bem esplicadinhos para leigos em HTML muito muito obrigada!!!!
ResponderExcluirVisita lá :http://vaidosaporquesim.blogspot.com.br/
Cada detalhe dele agradeço a você!!!!
Amei, muito obrigada, estava procurando exatamente isso, amei de vdd!!
ResponderExcluirperfumerosa,blogspot.com.br
tava doido mexendo entres as divs do cabeçalho, que vergonha kkkkk.
ResponderExcluirmas agora tá certo, obg!
Oi Elaine, seus posts me ajudaram muito na criação do meu blog. Salvei seu blog na barra dos meus favoritos.
ResponderExcluirObrigada.
Obrigado pela partilha, funcionou mesmo :)
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirAdorei! Primeiro fiz a experiência de centralizar só o título. Depois centralizei só a imagem e ficou muito bonito. Muito obrigada pela dica!
ResponderExcluirMuito bom material.
ResponderExcluirAproveitando, tirem-me uma dúvida:
Tenho blog inativo que quero voltar a usá-lo, mas não lembro Usuario nem senha, tem meios de voltar a usar esse blog?
Grato
Rudival
Eu amei, funcionou mesmo, beijos gata!
ResponderExcluirOi Elaine! Estou sempre por aqui no blog pois nao vivo sem suas dicas kkkk
ResponderExcluirEu amei essa bonequinha que vc usa sempre com seu nome! como faço algo assim no meu blog?!
faz um tutorial para a gente por favor?!
muito obrigada e muito sucesso com seu blog!!!
Nossa, muito obrigada por isso, você foi a única que eu consegui achar e fazer certinho <3
ResponderExcluirhttp://idealizandolivros.blogspot.com.br/
Muito obrigada!
ResponderExcluirhttp://www.blogdebeleza.com/
Amo seu blog, está sendo muito útil pra mim na construção do meu blog. Parabéns! Virei leitora fiel. Beijos! https://aloucadasresenhas.blogspot.com.br/
ResponderExcluirOi Eliane!
ResponderExcluirestava procurando exatamente isso e deu super certo!
Na verdade, no "center" que coloquei no final eu esqueci de colocar aquela "/" e aí acusou o erro...voltei e copiei do jeito que você escreveu e deu certo!
Brigadão!!
bjs
www.blogcomreceitas.com.br
olha valeu dão uma passadinha pra ver como ficou www.tecnodicaonly.blogspot.com
ResponderExcluirFinalmente um tutorial que funcionou para centralizar o cabeçalho do meu blog, muito obrigada Elaine. ❤️❤️❤️
ResponderExcluirbrigaduúúúúúúúúúú
ResponderExcluirOlá Elaine, obrigada pela orientação acertei a imagem direitinho.
ResponderExcluireu ja tentei de varias formas mais nao fica o meu, aff
ResponderExcluirVanilson, qual seu blog?
ExcluirElaine, venho através da De cara com a Juh. Vocês as duas salvaram o meu dia :-)
ResponderExcluirUm abraço digital
Muito obrigado! Sua postagem me ajudou de forma rápida e certeira.
ResponderExcluirnão ta dando pra copiar os códigos. Tá bloqueado. Como faço?
ResponderExcluir