Blogger: Publicar/Editar Páginas Estáticas

Uma das funcionalidades mais desejadas pelos utilizadores da plataforma Blogger era a possibilidade de ter Páginas Estáticas no blogue, tal como a plataforma WordPress praticamente desde o inicio oferecia.

E esta foi uma das novidades do Blogger em 2010. :)

Então e para continuar com o meu pequeno guia para a nova interface, desta vez vou escrever sobre esse assunto, embora poucas novidades esta nova interface tenha...

Páginas Estáticas na Nova Interface:

Imagem 1 Imagem 2

Imagem 1:

1. Botão para Criar uma página nova
2. Ao clicar em (1), aparece estas 2 opções, sendo esta (2) a que nos interessa para criar uma nova pagina.
3. Esta opção nunca testei, mas imagino que em vez de criar uma página estática sirva para colocar um link no Menu de Navegação para um qualquer endereço URL.

É também na página desta imagem (e na imagem ao cimo deste artigo) que se edita o nome que aparece no Menu para ir ao Inicio do blogue (Eu coloquei assim) e que podemos editar para colocar qualquer outro nome.
É também daqui que editamos as páginas estáticas já existentes.

Imagem 2:

Basicamente, nesta imagem o objectivo é mostrar algumas diferenças entre o editor das páginas e de um artigo normal.

1. Tal como num artigo, onde se escreve o titulo (sempre recomendado)
2. Escolher entre o Modo Redigir e HTML (igual ao editor dos artigos, mas como em algumas páginas estáticas mais complexas temos que colocar alguns códigos, eu utilizo sempre o Modo HTML)
3. Aqui,os botões aparecem iguais ao do editor dos artigos, conforme o modo em que escrevermos
4. Preciso escrever o que é? :D
5. E é aqui que está a maior diferença. Nas páginas estáticas não precisamos colocar data nem categorias (etiquetas), mas temos algumas opções que podemos e devemos utilizar:
   As definições da imagem são as que eu tenho:
   • Comentários, nunca permito. Acho que uma página estática não precisa do pessoal a comentar seja o que for.
   • Interpretar o HTML escrito. Sempre. Como numa página estática, podemos colocar o que quisermos, códigos são indispensáveis para criar uma página mais complexa.
   • O mesmo vale para as etiquetas <br> para mudar de linha. Ao colocarmos códigos, se termos a opção de clicar "Enter" seleccionada, essa opção vai atrapalhar qualquer código que escrevermos.

Esta é a maneira básica de criar páginas estáticas, mas ainda podemos personalizar um pouco mais utilizando uma nova condicional (Explicarei em mais detalhe sobre as condicionais num outro artigo) criada pelo Blogger quando lançou as páginas estáticas, para por exemplo, esconder a barra lateral (ou qualquer outro elemento) e aumentar a largura da página estática:

EXEMPLIFICANDO:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#main-wrapper{
float:left;
width:1050px;
height:100%;
padding:5px 0px 0px 0px;
}
.post-body {
line-height: 1.6em;
margin: 40px 0 0.75em;
padding: 0 10px;
}
.post img {
padding:2px;
border:1px solid #1E60D2;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#sidebar-wrapper,#crosscol-wrapper,#blog-pager,#backlinks-container,.post h3,.post-share-buttons {
display: none;
}
</style>
</b:if>

Nas definições no código acima são no caso só se desejar mostrar as páginas estáticas sem titulo, rodapé (footer) e barra lateral (sidebar) mas cada um pode personalizar como desejar. ;)

Colocamos o código com essa condicional e os estilos para as páginas estáticas, logo antes de </head>.

Se se quiser até podemos criar todo um estilo somente para as páginas estáticas. :D

E por hoje fico por aqui. :G

Até Breve. :-F

Queres ler outro artigo ao calhas?