Como exibir o título da postagem antes do nome do blog no Blogger

Muitos blogs, quando se entra na página individual de uma postagem, mostram o título da postagem antes do nome do blog. Isto ajuda nos resultados de pesquisa em sites de busca e consequentemente aumenta o número de visitas.

Repare que a própria barra do navegador aponta o que aparece primeiro no seu site. Se você quer que o nome das suas postagens apareça antes do título do blog, basta seguir este simples tutorial abaixo:

1. Com o Blogger aberto, vá em Tema (localizado na lateral esquerda) e depois em Editar HTML.

2. Uma página com o código do seu blog será exibida. Clique em qualquer parte deste código e aperte Ctrl + F para abrir o campo de pesquisa.

3. Localize o seguinte trecho:
<title><data:blog.pageTitle/></title>

4. Apague essa linha e substitua por:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

5. Clique em salvar modelo e verifique se o nome das postagens está sendo exibido antes do nome do blog. Em pouco tempo essa alteração também será aplicada nos seus resultados nos sites de buscas.