Blogger: Publicar/Editar Páginas Estáticas

Artigo retirado e adaptado do meu antigo blogue Mocheco MarafadoOsvaldo

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:

  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
Este Artigo foi útil?
Então se quiser, pode pagar-me um café. ;)

Escolhe com Sabedoria:

Deixa o teu comentário no Formulário Incorporado (NOTA: As respostas directas aos comentários só são possíveis utilizando este Formulário.) , ou no Antigo Formulário em uma nova janela, ou então no Formulário em Pop Up .

LER AS REGRAS ANTES DE COMENTAR! MOSTRAR EMOTICONS
Ler Antes de Comentar ◊  As Regras dos Comentários:
  • O comentário precisa ter relação com o assunto!
  • O comentário que deixares é da tua inteira Responsabilidade!
  • Comentários anónimos São permitidos,MAS:

    • Por favor, evita comentar em MAIÚSCULAS .
    • Por favor, não faças Spam.
    • Por favor, não utilizes termos obscenos ou ofensivos.
    • Comentários considerados Spam ou ofensivos serão apagados.
◊  Para deixares a URL do teu blogue, comenta com OpenID, ou com a opção NOME/URL.
◊  Podes usar algumas tags HTML como:
  • @<strong>Nome</strong> para mencionar a quem se responde o comentário.
  • <em>Fulano disse:<i>Texto Citado</i></em> para colocar uma Citação.
  • Para inserir um link ou um vídeo do YouTube, basta só escrever o endereço URL como texto normal.
  • <i>Texto em Itálico</i>
  • <b>Texto em Negrito</b>
    • HTML EXTRA:
    • [im]URL DA IMAGEM[/im] para colocar uma imagem.
    • [ma]Texto rolando[/ma] para colocar texto rolando.
    • [si="2"]Texto com tamanho determinado[/si] Altera o numero para determinar o tamanho da letra.
    • [co="red"]Texto em cor[/co] Altera a cor do texto.
    • [ce]Texto centrado[/ce] centraliza o texto.
    • [ma+]Texto rolando para a direita[/ma+]
    • [box]"encaixotar" o texto[/box]
    • [mark]Texto Marcado[/mark]
    • [card="blue"]Texto com fundo[/card] Altera a cor de fundo do comentário.
    • [im#]URL DA IMAGEM[/im] para colocar uma imagem que ocupe TODA a largura.
    • [hi="yellow"]Texto Destacado[/hi]
  • ATENÇÃO: Comentários com imagens ou vídeos com conteúdo ofensivo ou inadequado serão REMOVIDOS, SEM EXCEPÇÃO!!!
FECHAR

2 comentários :

NOTA: os códigos dos emoticons devem ser inseridos separados das restantes palavras ou pontuação. OCULTAR EMOTICONS
  1. esse codigo não serviu poderia explicar como posso ocultar tudo, menu, lateral, rodape etc... mostrando so o artigo da pagina!

    ResponderEliminar
    Respostas
    1. O código acima é meramente para exemplificar a condicional das páginas estáticas já que utiliza o modelo Mínima, hoje um clássico do [co="orange"]Blogger[/co].
      Para modelos mais recentes ou personalizados, devemos alterar o conteúdo a colocar dentro da condicional de acordo.
      Não é possível dar uma resposta com um código concreto para cada modelo porque para isso é necessário identificar cada secção a esconder e nesse caso eu preciso ver o blogue em causa.

      Abraço. :)

      Eliminar