Um reclamação antiga de nós usuários do Blogger é que não podíamos criar páginas estáticas automaticamente, padrão, para colocar página de Contatos, “Sobre o autor”, “Política de Privacidade” e outras. Antes era preciso fazer alguns malabarismos, mas isso é passado. Agora podemos criar essas páginas diretamente no painel do Blogger. Bom ainda é limitado, permitindo apenas 10 páginas estáticas, mas já é um começo e o recurso é muito bom. E isso tudo também inclui um novo gadget só para os links das páginas estáticas. Veja como usar.

ATUALIZAÇÃO: Como o Blogger agora tem um novo painel, também mudarão muitas coisas na criação de páginas estáticas no Blogger. Veja o novo procedimento aqui:

• Como criar páginas estáticas no novo Blogger

 

Logo de cara você notará que há um novo menu na aba “Postagem” como ilustra a imagem abaixo destacando o novo menu “Editar páginas”.

Totalmente intuitivo e já cria as páginas livres de comentários, códigos adicionais e publicidades. Realmente uma página limpa e simples para que você coloque as informações mais relevantes de seu blog e que sejam permanentes.

E o melhor: Ao criar essas páginas elas não entram na “timeline” de publicações. Não precisa de gambiarras com datas e nem mexer nada no código fonte de seu blog. O mais simples de tudo é que funciona exatamente como o editor de postagens do painel e ninguém vai ter dificuldades para criar essas páginas estáticas no Blogger.

ERRATA: Se tentar adicionar o modelo de “Guia” – menu horizontal – e algo der errado, veja o procedimento de correção no final do tutorial.

Como criar páginas estáticas

Clique no botão “NOVA PÁGINA” para começar e você terá já o editor de texto para essa página. Aceita códigos HTML e toda a formatação que você já está acostumado, bem como imagens e links.

Quando terminar de criar o conteúdo de sua página estática, clique normalmente em publicar. Mas você pode escolher algumas opções, clicando antes no link “Opções de postagem” que inclui a possibilidade de liberar comentários.

Ao clicar no botão “PUBLICAR PÁGINA”, você será direcionado à implantação do link. Isso pode criar um novo gadget (elemento de página) que exibirá os novos links de páginas estáticas ou você depois poderá fazer isso manualmente. Explico sobre esse novo gadget logo abaixo.

Esse novo gadget permite criar um menu na barra lateral do blog (primeira opção) que virá com os links de páginas estáticas. Também é possível fazer o mesmo, mas num formato de menu horizontal, para ser colocado abaixo do cabeçalho do blog. Mas, a terceira opção, não criar nem aplica o link num novo gadget e você poderá usar o link como desejar depois e em outros lugares. Vou mostrar como achar esse link agora.

Ao clicar em “SALVAR E PUBLICAR”, você já verá o link, poderá reeditar o conteúdo e visualizar o resultado final:

Se você visualizar, já terá o link da página estática na barra de endereços de seu navegador. Pode copiar daí a URL e usar como quiser. Mas também há uma outra forma. O melhor de tudo é a URL mais limpa e simplificada das páginas estáticas, que não vêem com data, ficando semelhantes a isso:

http://www.SEU_BLOG.blogspot.com/p/nome-da-pagina-estatica.html

Depois de criar uma página estática, todos elas ficam relacionadas nesse novo menu “Postagem” ~> “Exibir páginas”. Aí você pode ter todo o acesso, reeditar as páginas, ver os links de endereço e até excluir as já criadas.

O novo Gaget “Páginas”

Para que esses links seja adicionados em seu blog, além de fazer isso manualmente e usar onde desejar, pode adicionar um gadget bem simples, mas muito versátil. É possível adicioná-lo no momento em que se cria uma página, como mostramos acima, mas você pode fazer isso adicionando um novo elemento de página, como já faz para qualquer outro gadget. Clique no menu “Layout” ~> “Elementos da página” e depois vá na barra lateral e clique em “Adicionar um Gadget”.

Uma janela semelhante à da imagem aparecerá e você já verá o novo gadget:

Na janela de configurações há todas as instruções para reposicionar e usar os links e onde inserir e mover o gadget para que tenha a função de linkbar (menu horizontal de links) ou compor a barra lateral. Veja a imagem que ilustra o painel:

Minha recomendação é que você crie todas as páginas estáticas, aprenda a usar o recurso e só depois escolha a melhor forma de exibir os links. Faça testes antes e não exclua as páginas antigas até ter certeza de que fez o que deseja.

Caso seu blog não aceite o Gadget Guia – Menu Horizontal.

Nem todos os templates estão habilitados para usar automaticamente o gadget no formato de “Guia”, como um menu horizontal. Pois para adicionar o formato “Guias” você precisará arrastar o novo gadget para um espaço horizontal abaixo do cabeçalho do blog. Se você testou e algo deu errado, então aqui segue uma solução. Comece apagando as páginas estáticas que já tenha criado e retire o Gadget de Páginas, para não dar conflito. Veja como proceder em seguida.

1. Abra o painel do Blogger no menu “Layout” ~> “Editar HTML”.

2. Claro, faça um backup antes de mexer no código-fonte e modificar qualquer coisa.

3. Agora marque a opção “Expandir modelos de widgets” para poder visualizar todo o código-fonte de layout.

4. Procure pelas seguintes linhas em seu código. Têm que ser exatamente assim:

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

5. Se achar esse trecho, então troque a palavra “no”, destacada no exemplo de vermelho, por “yes”. Salve o modelo e pronto.

6. Caso não ache essas linhas, então procure por:

<div id=’content-wrapper’>

7. Imediatamente ABAIXO disso cole o seguinte trecho, SEM modificar nada.

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>

8. Salve o modelo e você já verá que o espaço destinado à barra “Guia” já está liberada para ser adicionado algo lá.

Bom. Com isso terminamos todo o processo de criação de páginas estáticas no Blogger. Como já disse antes, faça testes antes de mexer em seu blog principal e siga esses tutorial passo-a-passo para evitar problemas. Por fim, caso queria, pode ver a informação oficial da Google sobre esse novo serviço (em inglês) aqui:

• What are Pages? (Ajuda do Blogger)
• Pages come to Blogger in Draft (Blog oficial)