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

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 , 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 no visual 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)

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:

<data:blog.pagetitle/>

4 - Substitua por:


<!-- comeco do hack para alterar a ordem do titulo - by dedodeouro.net --><br /><b:if cond="'data:blog.pageType"><br /><b:section id="'titleTag'"><br /><b:widget id="'Blog2'" locked="'false'" title="'Blog" type="'Blog'"><br /><b:includable id="'comments'" var="'post'/"><br /><b:includable id="'postQuickEdit'" var="'post'/"><br /><b:includable id="'main'" var="'top'"><title><b:loop values="'data:posts'" var="'post'"><b:include data="'post'" name="'post'/"></b:loop> ~ <data:blog.title/></title></b:includable><br /><b:includable id="'backlinkDeleteIcon'" var="'backlink'/"><br /><b:includable id="'feedLinksBody'" var="'links'/"><br /><b:includable id="'backlinks'" var="'post'/"><br /><b:includable id="'status-message'/"><br /><b:includable id="'feedLinks'/"><br /><b:includable id="'nextprev'/"><br /><b:includable id="'commentDeleteIcon'" var="'comment'/"><br /><b:includable id="'post'" var="'post'"><data:post.title></data:post.title><br /></b:includable><br /></b:includable><br /><b:else><br /><title><data:blog.pagetitle/></title><br /></b:else><br /><!-- fim do hack para alterar a ordem do titulo - by dedodeouro.net -->

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

Ctrl+C: Blog Dedo de Ouro