Colocando páginas estáticas no Blogger!
O Blogger liberou a opção das páginas estáticas, realizando o sonho de muita gente. Você poderá criar até 10 páginas na ferramenta do Google. Essa novidade faz parte da comemoração dos 10 anos de Blogger, quase completando 11 anos, porém o importante é que, felizmente, a ferramenta chegou.
A opção de implementação só está disponível no blog de testes do Blogger, o Draft Blogger. Acesse ele através do link http://draft.blogger.com. Após entrar no painel de testes acesse o seu blog e clique em “Postagens” > “Editar páginas“.
Clique em “Nova Página“. As opções de preenchimento são iguais aos dos posts, você encontrará no link “Opções de postagens” três configurações, entretanto você só utilizará a primeira: ativar ou não os comentários, que por padrão vem desativados (recomendo que continuem desativados).
Após preencher os campos e clicar em “Publicar Página” você poderá escolher em qual locar o gadget dos links ficará:
Vou escolher a opção “Guias do blog” e clicar no botão “Salvar e Publicar“.
Automaticamente será criado uma linkbar no local que você escolher, no caso abaixo da “header”. Ali você encontrará a URL de todas as suas páginas mais um link que levará você para a home (página inicial) do seu blog (Início).
Por padrão do Blogger as URL das páginas serão assim: http://nome-do-blog..blogspot.com/p/nome-da-pagina.html
Páginas estáticas em layouts/templates alterados (não nativos):
Acesse a aba “Layouts” > “Editar HTML“. Marque a opção “Expandir modelos de widgets” e procure (CTRL+F) pelos termos:
<b:include data='post' name='post'/>
Abaixo dela cole esse código:
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
Clique em “Salvar Modelo” e veja abaixo como incluir a gadget das páginas.
Inserindo o gadget:
Para exibir o gadget é fácil e o processo é igual aos outros. Vá até a aba “Layout” > “Elementos da Página“. Clique em qualquer “Adicionar um Gadget” e procure pelo “Páginas!” (será o primeiro).
Se você já tiver criado alguma página será aqui que você poderá modificar a ordem de exibição, além disso você poderá trocar o nome do link “Início” por “Home”, se preferir.
Veja o que fazer em cada campo:
Título: Tanto faz, ela não será exibida no seu blog. Será mais para a identificação do gadget.
Automatically add new pages when they are published: Deixe essa opção marcada para que todas as páginas que forem publicadas sejam inseridas automaticamente na linkbar.
Páginas a serem exibidas: Será aqui que você poderá mostrar ou ocultar qualquer página, e também poderá alterar o nome do link que leva para a página inicial do seu blog, “Início”.
Ordem das Páginas: Basta clicar no nome da página e arrastar para trocar de posição.
Para trocar de posição a lista das páginas basta trocar o gadget de lugar, tirar do header e colocar na sidebar, para isso selecione-o e arraste-o para onde desejar.
Espero que tenha gostado do tutorial. As informações (e o aviso da novidade) eu recolhi do post do Crazyseawolf, “Páginas estáticas no Blogger, finalmente!“. Assine nosso feed e receba mais novidades!
Créditos: Páginas estáticas no Blogger, finalmente! (Crazyseawolf)
por algum motivo a opção “páginas” não aparece na minha lista de gadgets.
O blogger desativou?
Muito bom! Vou testar agora mesmo.
@RockyXD, na minha página do Blogger “normal” também não aparece. Entretanto tente adicionar este gadget pelo Blogger in Draft, aqui ele apareceu normalmente.
a minha página estatica não funciona, deêm uma olhada no teste
http://botafogoweb.blogspot.com/p/teste.html
@Bruno, o erro é por causa do seu layout que não é compatível com essa ferramenta.
Recomendo a leitura deste post: Páginas estáticas com CSS.
Obrigado pela visita.
Oi Luan;
Meu caso parece ser o msm do bruno, mas nao consegui msm com as “paginas estaticas com css”
ela nao esta “expandindo”
@Andyinha, não poderei te ajudar com as páginas estáticas com CSS, recomendo a leitura dos comentários do post que indiquei, quem sabe mais pessoas não estão com esse problema. ;D