Atualizado em 01 de Fevereiro de 2013
Não é nada fácil procurar por uma dica específica para tornar o blog mais atraente e não a encontrar. Principalmente se você for um blogueiro amador em HTML e gostaria de algumas dicas para tornar o seu blog mais charmant. Uma das coisas mais inconvenientes da plataforma Blogger é o não alinhamento do título do blog e das postagens, do título dos gadgets e outras coisas. Mas isto pode ser contornado. Vou postar aqui minha experiência com meu template. Antes de qualquer modificação sugiro que você faça backup do HTML do seu blog. Se algo de errado ocorrer é só voltar com o anterior sem nenhum ônus (ou bônus - menos da Tim-ganarô!!). Bem, agora que você fez o backup de seu blog vamos a primeira dica. Vale lembrar que a localização de certos trechos do HTML muda de template para template. Digite Ctrl+F para localizar os trechos.
1. Centralizando o título do blog
Existem duas maneiras para tal procedimento. Vamos à primeira.
1.1. Para realizar tal façanha vá em Modelo/Editar HTML. Marque Expandir modelos de widgets. Aperte Ctrl+F e procure por ".Header h1 {". Após o a chave digite "text-align: center;". Visualize. Gostou? Salve as alterações.
1.2. O outro requer apenas que vá em Layout. Lá procure o título do blog e adicione a tag "< center >" no início do título e depois "< / center >" ao final. Esta dica funciona muito bem em alguns templates dinâmicos. No meu funcionou perfeitamente. Mas caso não dê certo terá que recorrer às modificações no HTML.
2. Centralize o título das postagens
Da mesma forma há duas formas de realizar tal procedimento. O primeiro será automático. Já o segundo deverá ser executado todas as vezes em que fores postar. Escolha o que for melhor.
2.1. Procure por "h3.post-title {". Após a chave digite "text-align: center;". Visualize. Veja figura abaixo. Ficou bom? Salve as alterações.
2.2. Quando for iniciar a postagem, insira as tags "< center >"antes e "< /center>" depois do título do post. É mais rápido. Veja a figura abaixo:
3. Centralizando o título dos gadgets
Este é um dos melhores. Quando se insere algum gadget ou código HTML, estes ficam à esquerda juntamente com o título. Fica um tanto bagunçado e desagradável. Para contornar este problema procure por "/* Headings". Logo abaixo de Headings há este trecho "h2 {". Após a chave digite "text-align: center;". Está satisfeito? Salve.
Atualização 1: Este tópico se refere ao título dos gadgets do blog, ou seja, Postagens Populares, data, enfim, todos os gadgets que o Blogger oferece. Caso queira testar, irá verificar que todos ficam centralizados. Mas a data fica centralizada.
4. Centralize os gadgets HTML
Estes são os piores. Às vezes inserimos um banner ele fica à direita do blog, apresentando um aspecto um tanto bagunçado. Para driblar este problema adicione uma tag no início e no fim do código. Para centralizar digite "< center >" antes e "< / center >" depois do código. Caso queira a esquerda utilize "< left > " ou "< rigth >" para a direita.
Bem, é isto aí. Sem problema e sem frescura. Até a próxima!
AMEI!
ResponderExcluirMuito Obrigada pelas dicas. Adoro o Blogger, mas ele tem umas configurações difíceis para os leigos fazerem. Muito Obrigada mesmo!
Obrigado pela visita! Espero ter ajudado.
ExcluirDe nada e obrigado pela visita. O Blogger tem configurações mais fáceis que o Word Express, mas mesmo assim ele é difícil.
ResponderExcluirMuito bom... Testei varios e o unico qe consegui foi o seu
ResponderExcluirMuito obrigado! Agradeço a visita!
Excluirmuito ótimo! consegui facilmente fazer, obrigada!
ResponderExcluirMuito obrigado, Sophia_LS! Espero ter ajudado!
ExcluirMuito obrigada!!! Ajudou muito! estava mesmo procurando como centrar os titulos!!!
ResponderExcluirMuito obrigado pela visita! Em breve vou postar mais dicas de SEO para o Blogger.
Excluirtem uma maneira de centralizar todos os gadgets de uma vez, como você ensinou com os títulos?
ResponderExcluirBom dia! Obrigado por visitar o blog. Tem sim. É pelo html do blog. É fácil. Como vc pode observar, minha aba de títulos não é centralizada. Eu vou procurar o código e postar até sábado.
Excluirvaleu cara, vou ficar esperando, pois preciso melhorar o layout do meu blog...
ExcluirDiego Trilha, recebi tua mensagem. Eu veifiquei no blog e descobri que dá, só que de uma única forma. Se for, por exemplo, na minha aba da direita, todos os gadgets serão centralizados. Mas, em postagens populares, ou o nome que queira dar, os textos com as visualizações ficam alinhados tb. Estou verificando se é possível alinhar os títulos dos gadgets, mas sem alinhar os textos.
ExcluirBoa tarde, Diego Trilha. Bem, devido as muitas dúvidas que estão chegando, eu estou colhendo todas e testando os meios de resolver os problemas. Eu havia dito que iria publicar no dia 05 de Setembro, mas as dúvidas serão atendidas. Já tenho o teu problema resolvido. Vou postar com data certa para o dia 13 deste mês. Obrigado pela visita!
ExcluirSimplesmente perfeito!
ResponderExcluirSempre pesquiso para tirar minhas dúvidas, e realmente nunca encontro em especifico o que quero. Mas aqui encontrei.
Parabéns!
Boa noite! Obrigado por visitar. Estou procurando outra forma de deixar ainda mais didático. Por enquanto estou testando estas formas. Assim que conseguir, atualizarei um texto ainda mais didático e com mais dicas.
ExcluirOi Samuel,tudo bom?
ResponderExcluirOlha,no meu caso,eu não consegui,mas não sei se é porque meu blog entrou na categoria do Novo blogger...o meu é diferente. Eu preciso centralizar aquela imagem do cabeçalho onde tem meu nome.A tag q vc mostrou eu não encontrei : "Header h1 {". Foi uma pena,pois sua explicação está tão fácil de se entender... Enfim,se vc puder me ajudar,te agradeço!
Meu blog: www.anailustra.blogspot.com.
Abraços e obrigada!
Ana
Boa tarde, Anna Monteiro. Bem, o código "Header h1 {1" faz parte de todo o blog. Você marcou a caixa Expandir modelos de widgets? Se não, tente e procure apenas a linha "Header h1". Quanto ao título do blog, por ser imagem, pode ser mais fácil. Pode ser alinhado no próprio código. Como estão surgindo muitas dúvidas, estou colhendo todas para atualizar este post. Quanto ao teu blog, a categoria Novo, pode ser que o teu modelo seja um daqueles dinâmicos. Em todo o caso, toda mudança é possível no blogspot. Falta apenas alguns testes para eu começar a atualizar este post e as tuas dúvidas serão acrescentadas. Eu agradeço a visita e bom final de semana
ExcluirOi Samuel,
ExcluirEssa opção "expandir modelo de Widgets" tbem não aparece no meu blogger,desculpe por não ter falado antes.Deve ser porque eu optei há muito tempo pelo modelo atualizado do blogspot.Quando vou em Modelo,aparece direto a caixa onde mostra todo o código-fonte.
Quanto ao código header h1, essas 2 tags aparecem separadas (uma tag numa linha e a outra,em outra linha diferente,porém dentro do mesmo contexto.
Já tentei colocar o "top center no repeat" antes,depois desse código, mas tbem não adiantou,infelizmente.
Será que isso está acontecendo porque eu personalizei a aparência do blog?
Aguardo sua resposta.
Muito obrigada,mais uma vez.
Abraços!
Valeu pela dica amigo, realmente ajudou bastante, abraços, parabéns pelo blog.
ResponderExcluirObrigado por participar!
ExcluirMuito bom! obrigada! Ameeiii
ResponderExcluirBoa noite Aline! Sou grato pela visito e gosto de saber que estou ajudando muitos blogueiros com estas dicas. Obrigado pela visita!
ExcluirAdorei a sua explicação, rápida e prática. Sabe como tirar tirar "Assinar: Postagem (Atom)" Blog? Obrigada!
ResponderExcluirBom dia Katia Borges! Obrigado pela visita. Vou verificar como retirar e em breve posto esta solução.
ExcluirQue "nadismo" que nada, seu blog é muito útil para leigos em HTML como eu. Obrigada por sua boa vontade em dar explicações de fácil compreensão. Parabéns.
ResponderExcluirMuito obrigado pela visita, cara blogueira. Publiquei este post para ajudar pessoas iguais a nós, leigos no HTML. Existem muitos bons blog ensinando como fazer estes procedimentos, mas alguns estão rebuscados de termos técnicos, o que atrapalha a nossa compreensão. Obrigado pela visita e boa sorte no blo.
ExcluirHá algum tempo estava procurando essa dica pra aplicar no meu blog numa próxima mudança de layout.
ResponderExcluirEstou mudando meu layout agora e apliquei seus códigos no meu modelo para centralizar os titulos das postagens.
Meu modelo é "Awesome" - o Espetacular , "laranja - e não tinha h3.post-title {
Então colei depois de
/* Posts
----------------------------------------------- */
Colei:
h3.post-title {text-align: center;}
E não precisou fazer o passo 2.2. inserir as tags "< center >< /center>" depois do título do post. Todas as novas postagens já estão alinhadas , o titulo.
Obrigada pela dica
Abraços
Super fácil essa dica! Adorei!
Bom dia Isabella Twifan! O código pode ser colocado após a chave "{", quando não há "h3.post-title". Mas como o código é do blogger, funciona perfeitamente. Obrigado pela visita!
ExcluirObrigadaaa*--*
ResponderExcluirMe ajudou muitoo
Obrigado também por visitar o blog! É bom saber que este post é útil.
ExcluirMuito bom seu post. Estou querendo colocar o titulo do meu blogger em forma horizontal preenchendo a parte superior de um lado para o outro, tipo o titulo do seu blogger, você poderia me ajudar?
ResponderExcluirAtt: Ademar
Muito bom seu post. Estou querendo colocar o titulo do meu blogger em forma horizontal preenchendo a parte superior de um lado para o outro, tipo o titulo do seu blogger, você poderia me ajudar?
ResponderExcluirAtt: Ademar
Bom dia! Infelizmente não tenho como ajudar. Talvez uma das maneiras seja por imagem. Sugiro o caminho da imagem. Obrigado pela visista!
ExcluirSuper útil o tutorial, adorei.
ResponderExcluirObrigado pela visita e muito obrigado!
ExcluirTentei vários tutorias o seu foi o único que funcionou, muito obrigada.
ResponderExcluirOlá Samuel, eu mudei de layout e agora as imagens nas postagens não centralizam, elas sempre permanecem a esquerda por mais que eu as centralize. Não alterei código nenhum, apenas editei os widgets do layout. Você poderia me ajudar? http://yeshuasalvador.blogspot.com.br/
ResponderExcluirBom dia! Vejo que está usando o hack "Leia mais". Pode ser que tenha colocado no lugar errado ou mexido em algum código. A centralização de figuras não é parte dos widgets ou gadgets. Eu vi que os gadgets padrão não foram alterados. Portanto pode ser um erro do hack "Leia mais". Sugiro retirar o hack e ver como ficam as imagens.
ExcluirObrigada ajudo muito.
ResponderExcluirAgradeço a visita!
Excluirolá! Eu ainda gostava de saber como é que centralizo as páginas no blogger! Obrigada!
ResponderExcluirBom dia! Quais páginas você se refere? As estáticas?
Excluirjá não é preciso, mas obrigada na mesma :) eram as páginas do genero: inicial e depois outras que fazemos. vá ao meu blog e veja. sao as 3 primeiras depois do titulo "Lions Heart" http://theotherprincess.blogspot.pt/
ExcluirObrigado, Maria! As páginas em questão as estáticas. Muito bom o teu blog. Agradeço a visita!
Excluirvaleu muito bom !
ResponderExcluirajudou muito .
http://consertodetelhado.net/
Por favor me ajuda, eu centralizei o gadget, porem o titulo das postagens eu nao queria centralizar e centralizou. Agora eu nao quero nem o do gadget e nem das postagens centralizados, quero normal como estava mais nao estou conseguindo fazer. Como faço? Me ajuda pls! Obrigada!!!
ResponderExcluirBoa noite,
ExcluirFaz da seguinte maneira:
1 - Procure pelo código da postagem conforme o item 1. Então veja se o código se encontra igual ao do item 1. Senão copie e deixa como a figura.
2 - No item 3, procure o que foi modificado e apague.
3 - Caso tenha feito o backup do blog, restaure o mesmo com o arquivo de backup baixado.
Boa sorte!
Ótimo tutorial, fácil... Obrigada!
ResponderExcluirhttp://fernandanattalia.blogspot.com.br/
Olá parceiro, gostei do tutorial e como foi facil fazer uma coisa que tava dando dor de cabeça. coisa que é básica do HTML mas parece que o emburrecimento acontece por agente sempre buscar muitos outros códigos. Obrigado e será que você pode me dar uma outra ajuda como é que agente consegue deixar duas imagens bem encostadas sem aquele espaço que tem entre dois gadgets, sabe como se faz ficarei grato pela juda, um abraço.
ResponderExcluirBoa tarde! Obrigado pela visita meu caro. Bem, eu também tentei fazer esta divisão nas imagens mas deu erro. Segundo o suporte do blogger é porque ainda não tem uma liberação. Mas na próxima atualização eles irão liberar, o que eu acho não está longe.
Excluirola amigo voce tem ideia do que preciso fazer para meu blog aparecer o Titulo la em cima (como é normalmnte)?? veja :http://novidadestvpaga.blogspot.com.br/ ...... fica tudo la em baixo , o que fço??
ResponderExcluirOlá boa noite! Vá em Layout. Procure a guia Cabeçalho e clique em Editar. Na janela que se abriu coloque o nome em Título. Apague o que tiver na descrição.
ExcluirSenhor Samuel Ambrosio:Se o vírus do nadismo for espalhado nos poderes da república, certamente viríamos a navegar por verdes mares, pois o senhor contaminado com ele, é eficiente. Suas explicações acima, funcionaram, o que agradeço. Parece-me que pensamos de forma coerente, pois percebi um paralelismo no que acredita (pelo que escreve), assim convido-o a visitar os portais: Grupo Guararapes, Alerta Total, Portal Militar, Ternuma, A Verdade Sufocada, e inclusive uns blogs meus de nome GRIFAO, ACORDA TAPUIA e A MANHA OU ALMANHAQUE. Cordialmente a. JOSÉ
ResponderExcluirComo faz diferença uma coisa ensinada diretamente sem muitas delongas!! haha
ResponderExcluirTantas vezes quis saber fazer isso, e onde achava, quase que contavam a história da criação do html!!
Simples, objetivo, demonstrativo! Nunca mexí no html com tanta segurança! Obrigada Samuel!
Estou construindo meu blog ainda, nunca pensei que ia ser tão complicado assim! abç!
olá Beth! Boa noite. Agradeço a visita! Sim, eu também procurava por meios rápidos, mas só novela... Enfim, tá aí minha experiência!
ExcluirNa maioria dos post que achei, estavam explicando errado, segui sua dica e funcionou perfeitamente.
ResponderExcluirObrigado
www.desenhos2de3d.blogspot.com.br
Boa tarde, Celso! Agradeço a visita e muito obrigado. Também peço teu voto para o meu blog no Prêmio Top Blog. Agradecido!!
ExcluirEstava procurando como centralizar o título do blog e o seu funcionou incrivelmente bem! Muuuuito simples.
ResponderExcluirObrigada!
Obrigado Bia! É sempre um prazer alguém visitar este post e eu saber que de fato tem ajudado.
Excluircara não consigo colocar o titulo da postagem centralizado no blogger quando vou procurar o código que vc disse aparece a busca nada zero (0) de busca oque eu fasso se alguem souber me ajude aew por favor
ResponderExcluirBoa noite. A plataforma blogger mudou a visualização do html. No caso, vc deverá procurar linha por linha. Este post foi escrito quando a visualização era antiga. No caso, muitos blogueiros já sabem como procurar no novo perfil. Mas como este não é um metablog, sugiro procurar nos metablogs ou manualmente.
ExcluirMuito bom, valeu a explicação.
ResponderExcluirProcurei muito estes tutoriais, está de parabéns!!!
ResponderExcluirMuito bom o tutorial, parabéns!
ResponderExcluirMuito obrigada, mesmo! Ainda hoje continua aplicável! Parabéns!
ResponderExcluirMaravilhoso! me ajudou muito.
ResponderExcluirObrigada!
Olá Samuel, muito obrigada pelas dicas. Eu fiz tanta loucura no meu html, seguindo conselho de diversos blogueiros, que sequer conseguir achar o código. Porém, da outra forma que vc ensinou resolveu meu problema!!!!
ResponderExcluirOlá Samuel, muito obrigada pelas dicas. Eu fiz tanta loucura no meu html, seguindo conselho de diversos blogueiros, que sequer conseguir achar o código. Porém, da outra forma que vc ensinou resolveu meu problema!!!!
ResponderExcluirparabéns...Ajudou muito obrigado
ResponderExcluirajudou mt. vlw!!
ResponderExcluirOlá! Como disseste sem problema e sem frescura. A maioria faz do HTML um bicho de sete cabeças, mas você simplificou e consegui fazer certinho. Parabéns!!!!!
ResponderExcluirOlá! Como disseste sem problema e sem frescura. A maioria faz do HTML um bicho de sete cabeças, mas você simplificou e consegui fazer certinho. Parabéns!!!!!
ResponderExcluirMUITO OBRIGADA VC EXPLICA SEM COMPLICAÇÃO.
ResponderExcluirOlá! Nossa me ajudou demais, muito bem explicado!
ResponderExcluirvocê simplesmente me salvou!!!!!! muito obrigada!!! ja usei!
ResponderExcluiraamigabrasileira.blogspot.co.uk
Show,estudei isso no meu curso de informática mas não sabia que seguia da mesma forma aqui!
ResponderExcluirConsegui, também a descrição! Que é a mesma coisa, que um pouco abaixo está escrito: description, daí é só você colocar o mesmo código que o do título.
ResponderExcluirMuito Obrigado! Visite-me: http://mochilaeviagem.blogspot.com.br
ResponderExcluirObrigado de verdade! Já estava aqui a horas tentando centralizar o título
ResponderExcluirAjudou muito. Obrigada!
ResponderExcluirObrigado!
ResponderExcluirObrigado!
ResponderExcluirna versão nova, pra centralizar o titulo da postagem, deve procurar por h3.post-title, .comments h4 {
ResponderExcluiro outro só serve pra versão mobile
Em 2020 foi a única postagem clara que me ajudou a centralizar o titulo do meu blog.
ResponderExcluir