Personalizar título do blog

Talvez você já notou que alguns blogs inclusive esse quando entra nas paginas individuais das postagens o titulo da postagem aparece antes do nome do blog. Fazer essa alteração ajuda os mecanismos de busca localizar suas postagens e com isso aumentar o numero de visitas.


Normalmente na barra do navegador aparece assim: nome do blog – nome da postagem, depois que inserir esse código aparecerá nome da postagem – nome do blog. Agora vamos começar, entre na pagina editar html e procure por:

<title><data:blog.pageTitle/></title>

Apague essa linha e coloque isso no lugar:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

Salve e visualize seu blog, depois clique para ver somente uma postagem e notará que o nome da postagem trocou de lugar com o nome do blog. Em pouco tempo essa alteração também aparecerá também quando seu blog aparecer entre os resultados das pesquisas do Google.

Fonte: Blogging Tutorial, Free Templates and Sites Info

Veja também:

Endereço .com.br no blogspot
Erros comuns nos códigos
Colocar ou tirar bordas das imagens
Resolver problemas com o comentários
Criar enquete no blog


Bookmark and Share

Adicionar ao iGoogle ou Google Reader

Compartilhe - Redes Sociais

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

60 comentários:

Mitti disse...

Nossa, muito legal, mudei lá no meu blog!

brigadinha *-*
bjoka

Reyel disse...

Valeu! Muito bom!
Bjo na alma...

GANJA_DUDES disse...

Fabiano, estou com uma dúvida, existe por aqui uma postagem que ensine como inserir no final da pag do blog uma mensagem como a da sua pag: Copyright © 2007-2009. Todos os direitos reservados.
Jah vi alguns blogs com o nome do blog ou alguma outra msg neste lugar.
Tem como fazer?Oo
Abraços

Pedro disse...

Isso aumenta as visitas?

Fabiano Roberto disse...

GANJA_DUDES
eu também fiquei com essa duvida, mas a resposta é muito simple, é só escrever o texto, entre na pagina layout, adicionar gadget, html/javascript e coloque o Copyright como se fosse um texto qualquer.

Fabiano Roberto disse...

Pedro sobre aumentar visitas é meio dificil ter certeza, mas quando fiz essa alteração no meu blog tive mais visitas, não posso garantir o resultado, mas achei que valeu a pena fazer.

Jack disse...

Fabiano parabens por mais essa dica !!
Mas gostaria de saber como faço para colocar uma img no top parceiros, como esta aew no seu com uma estrela gostaria de colocar uma outra img.
Tipo o logo do meu blog ?


Abração.

Jack.

Fabiano Roberto disse...

para colocar imagens ao lado dos links veja aqui
http://www.dicasparablogs.com.br/2008/07/imagem-ao-lado-do-texto-ou-link.html

Emerson Oliveira disse...

Dica super útil. Valeu mesmo!

Ana disse...

Como aumenta a largura do 'Arquivo do Blog'?

Fabiano Roberto disse...

Emerson Oliveira
para aumentar a largura do menu jump dos arquivos entre na pagina editar html, clique para expandir o modelo e procure por:

<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:230px'>

<option value=''><data:title/></option>

no seu não tem style='width:230px' isso controla a largura do menu jump

Enoc disse...

Legal,muito interessante, valeu!

SERJAO_O_MARMANJJUS disse...

não achei a tag < title > ...... < title > no meu template

Fabiano Roberto disse...

SERJAO_O_MARMANJJUS
a tag title fica logo no começo do html

KIKO disse...

OI, to passando rapidinho pra dizer q gostei do seu blog.. to fuçando hehe mas ainda preciso aprender muito;
vc pode me dizer como mudo o fundo do título do blog?
ja mudei o fundo da pagina + não cosigo mudar o do título[quero colocar foto]
tb gostaria de saber se tem como eu aumentar os lados; estou achando o meu muito apertado.
olha; me responde no email.prfavor..
stela

Fabiano Roberto disse...

para colocar uma imagem no lugar do titulo é só entrar na pagina layout e clicar para editar o cabeçalho do blog, lá tem a opção para enviar a foto

SCM disse...

Bom Dia,

Queria-lhe perguntar como posso colocar um titulo de um blog posicionada à ao centro, à direita, etc. pois eu tenho um blog no blogger e o titulo aparece-me sempre do lado esquerdo. Como posso alterar isso?

Bem haja

Fabiano Roberto disse...

SCM
no html do seu blog procure por h1, lá deve ter align:left, troque por center, right

Gabriela disse...

aai gostei muuito obrigadaa '-'

Marilucia disse...

Sem querer achei a dica das postagens, bem interessante. Alias todas as suas dicas são bem legais, obrigada.

Marcio Roberto Machado disse...

Interessante..usei em meu blog!
=/

Marcelo Barreto da Fonseca disse...

E como faço pra deixar isso em todo o blog, não apenas nas postagens? Pois, se clico em um marcador, volta a ficar o nome do blog na frente; mesma coisa se clico em um mês.
Aproveitando: tem como eu mudar o texto que vai aparecer para quando eu clicar em um mês?
Ex.: se clico no mês de agosto vai ficar: "nome do blog: 01/08/09 - 01/09/09". Eu gostaria de deixar apenas o nome do mês em vez das datas.

Fabiano Roberto disse...

Marcelo Barreto da Fonseca

não tentei fazer os códigos para arquivos, mas deve ser possivel só não sei se tudo funcionará bem junto

ziulsier disse...

Muito Boa As Uas Dicas

Alemão disse...

Como colocar aquelas fotos grandes em vez do nome do blog!

Tentei de várias formas,porém não estou conseguindo!

queria colocar uma bem grande´,pois daria um "UP"eu acho!!!

Parabéns pelo blog!!!

Fabiano Roberto disse...

Alemão, acho que você não entendeu a função dessa postagem, não tem nada a ver com imagens(fotos) é somente inverter a ordem entre o nome do blog e da postagem.

Seguidor disse...

Muito legal a dica

- Mααthεuziiп Cσstα ' ॐ ; disse...

mtt looko isso daaê , maais eu qeria saber se teem como deixar os marcadores na frente do titulo do blog igual esse dai , só qe nesse é as postagens qe fica na frente , como qe faaz pra deixar os marcadores na frente do titulo do blog ?
aê fica :
noome do marcador & titulo do blog ;
nãao nome do blog & titulo do marcador :s '
vs saabe fazer isso daê ?

abraaaç's :*

Lucas Bercke disse...

Oi Fabiano, parabens por sua postagem e blog, gostaria de saber como eu altero o titulo em si do blog, mudando as letras e alterando as cores, como o seu.

Agradeço desde ja.

Fabiano Roberto disse...

Lucas Bercke

o titulo deste blog é uma imagem, precisa fazer um e depois colocar no blog pela pagina layout, clique para editar o cabeçalho, lá tem como enviar a imagem e escolher se ela ficar por trás ou no lugar do titulo.


- Mααthεuziiп Cσstα ' ॐ ;
no momento não tenho código para isso, mas vou fazer uns testes pra tentar criar um.

Lucas Bercke disse...

Ok, obrigado, mas poderia me dizer qual é o programa que você usa para editar suas imagens?

E tambem gostaria de saber sobre como colocar os marcadores em forma de um menu jump.

Obrigado.

Fabiano Roberto disse...

Lucas Bercke

veja esses links:
Programas para editar imagens


Marcadores em forma de menu jump

Lucas Bercke disse...

Ok, obrigado

Larissa Aphamési disse...

Olá :)
gostaria de saber se vc tem algum link que ensina a colocar imagem na data do blog como este site aqui: http://www.blackmoresnight.com.br/

Valeu!

Camus disse...

brother, tow com um dúvida... não tem como colocar isso aí nos marcadores do blog não ?

tipo, eu estou em "acessórios"..

aí apareceria: "Acessórios | Dicas Para Blogs"

entendeu ?

Aguardo resposta !!!

Fabiano Roberto disse...

Larissa Aphamési

entre no html do seu blog e procure por:

h2.date-header {
margin:1.5em 0 .5em;
}


então é só colocar uma imagem de fundo junto com esse código, se tiver duvidas sobre como fazer use a nossa pesquisa para encontrar como colocar imagens de fundo no blog

Jéssica disse...

Eu fiz um blog, mais ainda estou em fase de construção dele. Baixei um template, mais tem um problema, aparece é o título do template e não o do blog, tem como mudar isso?

Muito bom esse site, tá me ajudando bastante!

Obrigada e aguardo.

Fabiano Roberto disse...

Jéssica, tente entrar na pagina editar html e procurar pelo nome que aparece no seu template, senão for uma imagem irá encontrar, senão deixe o link aqui ou envie para nosso email e vamos olhar pra você

Rick disse...

Tipo fiz um teste deu certo,tipo isso so funciona qnd o poste tiver na pagina inicial ai aparece no google nas "buscas" ne? qnd postei um negocio no meu blog mais n tava na pagina inicial n apareceu no google sera q tenque ser sempre na pagina inicial para aparecer no google busca?

Fabiano Roberto disse...

Rick, não é tão automatico assim, aparecer nos resultados do google depende de varias coisas, essa é só uma delas que ajuda, mas não garante que aparecerá.

as mudanças demoram uns dias para aparecer no google.

Joao disse...

Boa tarde estou com uma duvida, quando troca de titulo do blog o google apaga tudo que estava com o outro titulo? pq qnd mudei n aparecia minhas postagem antigas no google poderia tirar essa duvida estou desesperado se aconteceu isso perdi mt poste =[

Fabiano Roberto disse...

o google leva uns dias para atualizar a sua mudança de titulo, mas deve voltar a aparecer normalmente em breve

Joao disse...

vlw cara intao posso mudar titulo a hora q eu quiser certo q fica tudo normal

Jose Alves disse...

Eae Fabiano to com mais uma duvida, tipo http://castordownloads.net/?p=17726 nesse site quando vc passa o mouse no titulo da postagem aparece o nome do titulo da postagem gostaria de saber como faço isso,agradeço des de ja

Aprendendo aos poucos disse...

Nossa, muito obrigada!!! meu blog é o que é hoje graças a você, que tem me ajudado muito no seus posts, é uma mão na roda.
Mudei lá no meu blog, e amei!!!
bjo bjo

Adiléa disse...

Fabiano preciso tirar uma dúvida. Nas pesquisas da google não aparece o título das minhas postagens e sim o dia da semana ano....etc.www.misturadealegria.blogspot.com. O que devo fazer? Aparece apenas no Central blogs. Agradeço-lhe desde já.

Fabiano Roberto disse...

Adiléa
veja o inicio do seu html e modifique para deixar igual ao que está neste tutorial, o problema certamente é lá.

Adiléa disse...

Fabiano obrigada pela resposta rápida mas infelizmente não encontrei a 1ºlinha do tutorial citada acima para fazer a mudança. ´Procurei até as linhas que seriam transformadas caso eu já tivesse feito a troca e esquecido. Mas não estou gostando nada de ver nas pesquisas feitas no google as datas em primeiro lugar e não os nomes dos temas ou do meu blog. Mas VALEU assim mesmo. Muito obrigada

Fabiano Roberto disse...

Adiléa
envie para meu email uma copia do seu html, e vou olhar

Blog disse...

Perfeito!!!
Era exatamente o que estava procurando!! Parabens!!!

Adiléa disse...

Fabiano já inseri o código. Agora quero que tira minha dúvida. Está aparecendo a data primeiro nas pesquisas e só no final aparece o nome do meu blog. Isto é melhor? Eu pensava que tinha que aparecer como titulo o nome do blog, a postagem etc... Obrigado por tudo mesmo. VALEU!!!

Sonia Boni disse...

Fabiano,
não consigo fazer isso no meu blog.
Aliás, faço mas ele rejeita e volta ao convencional. Tentei 3 vezes. Será que o modelo do designer não aceita?

Macau disse...

oi fabiano ,´parabéns pelo o blog, tenho um blog da bol que está com mais de 100 mil acessos , quero colocar minha foto no título como faço? esse é meu blog http://dosal.zip.net/ , me ajude ai, lhe agradeço fabiano...meu email: cidadedosal@bol.com.br

Fabiano Roberto disse...

infelizmente não sei mexer nos blogs do uol

macau disse...

fabiano, vc não indica nem uma pagina que possa me ajudar nesse sentido(blog da uol). VLw e fica com deus.

Fabiano Roberto disse...

como já disse nunca usei blog do uol, então não sei nada sobre o assunto, tente pesquisar no google, mas escreve blog uol, senão provavelmente achará dicas para blogger ou wordpress

Lara disse...

Eu queria saber como colocar o título do blog no centro, porque o meu aparece a esquerda, você já respondeu isso mas não consigo achar "align:left" , eu procurei no ctrl f e não achei, me ajuda?

Fabiano Roberto disse...

Lara
procure pelo estilo h1 e colocar junto com os códigos text-align: center;

jancen sergio disse...

Quero saber como fazer tipo assim no seu blog DICAS PARA BLOGS la no titulo do navegador tem uma foto DB de laranja e branco,com se fais isso?

Fabiano Roberto disse...

veja aqui como alterar o icone na barra de endereço: Como alterar o favicon do Blog