Colocar o título do post antes do nome do blog

Aprenda a colocar o nome do Blog depois do título do post no nome da página

#UPDATE: Código Corrigido!

Por padrão o blogger exibe o nome do blog à esquerda do título do post no nome da página, e sempre vejo em blogs hospedados no wordpress, a seguinte ordem no título da página:

# Título da Postagem - Nome do Blog #

Se você utiliza o wordpress veja esse plugin Seo Title Plugin
Já com o nosso velho e bom blogger não é assim ( até você terminar de ler o que o velho dedodeouro vai ensinar hehehe ), veja nas imagens abaixo os exemplos:

Estilo de Título Padrão do Blogger~Blogspot

(Clique para ampliar)


Estilo de título mais recomendado ( ou seja, o que eu te ensinarei a fazer aqui )
(Clique para ampliar)

Isso ajuda e muito, além de ficar mais bonito, o nome do blog depois, fica melhor para os buscadores e você poderá ser rankeado melhor, logo, obtendo uma melhor posição nos buscadores, SEO puro.

A principal vantagem pra mim seria na 'bonitesa' e facilidade de organização, seja nas abas do seu navegador, ou na barra de tarefas do windows, ex. Várias janelas com o seu blog abertas e minimizadas, apareceriam simplesmente isso:


E com esse hack para blogger ( ou seria widget para blogger ?) ficaria o título da postagem primeiro, dando um ar de organização na parada:



No caso das abas, eu sempre me irrito com isso, abro milhares de abas de determinado blog, e quando vou procurar os artigos me deparo com isso: ( e tenho certeza que não é somente eu haha )



Depois da modificação ficaria assim:


Bem mais organizado e chique hehehe.

Tá bom, chega de 'nhêm, nhêm nhêim' e vamos para o magnífico tutorial:

1 - Abra o painel de controles do blogger
2 - vá em Layout / editar html
( Para os mais inseguros eu recomendo clicar em 'baixar modelo completo' )
3 - Localize o seguinte trecho no código fonte:

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

4 - subistitua por:

<!-- comeco do hack para alterar a ordem do titulo - by dedodeouro.net -->
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- fim do hack para alterar a ordem do titulo - by dedodeouro.net -->

obs. se der algum erro por exemplo o bX-2nuf8g, faça o procedimento por outro browser, ex.: Explorer, Firefox, Opera....

5 - Agora Salve o template e visualize o blog.

Se algo der de errado, comece a chorar, pois todos os seus posts serão deletados em 5, 4, 3.... kkkkkk

Blogs utilizados nos exemplos:

Músicas Para Orkut
Só Viral
Buritizim