SAPO Blogs

Neste post vou explicar como adicionar um rodapé ao template usando os componentes e a css.

O primeiro passo é criar o código HTML do rodapé num componente (Personalização > Intermédia > Componentes):

<div id="footer">
    <!-- Conteúdo do rodapé do blog -->
    <p class="left">
    <a href="http://validator.w3.org/check?uri=referer">XHTML</a> -
    <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
    </p>

    <p class="right">
    &copy; Copyright 2007. Nome do blog - <a href="/data/rss">RSS</a><br />
    Design: <a href="mailto:meunome@meuemail.pt">Meu nome</a>
    </p>
</div>

Depois é preciso mostrar o componente numa posição do Template. Eu sugiro que seja colocado no fim da barra dos Posts ("Posicionamento no rodapé dos posts"), mas pode ser colocado em qualquer posição. Gravar as alterações.

Agora é preciso "mover" o componente que criamos para o rodapé do blog. Para isso temos que alterar a css associada ao template. Vamos ao Editor de css (Personalização > Avançada > Editor de css) e acrescentamos as seguintes alterações no fim da css:

#container {
    /* IMPORTANTE */ 
    position:relative; 
}
#posts, #extras, #extrasB { 
    /* Margem inferior para o footer. Deve ser igual à altura do rodapé */
    margin-bottom: 50px; 
}
#footer { 
    /* Posicionamento do rodapé no fundo do container */ 
    position:absolute; 
    bottom: 0; 
    left: 0;
    /* Dimensões do rodapé */
    width: 740px; 
    height: 50px;
    /* Border superior */ 
    border-top: 1px solid #CCCCCC; 
}
#footer p.right {
    /* Alinhamento à direita */ 
    float: right; 
    text-align: right; 
}
#footer p.left { 
    /* Alinhamento à esquerda */ 
    float: left; 
    text-align: left; 
}

No fim, vamos ter um rodapé assim:

Alguns de vós repararam (porque foram directamente afectados) que o lançamento de um novo componente (pesquisa no Blog), baralhou os componentes já existentes.

O que se passou foi que ao incluirmos a pesquisa no Blog, tivemos de lhe atribuir uma posição, por omissão, e isto afectou todos os componentes da posição 2 para baixo.

Para corrigir o problema, basta ir à Personalização Intermédia, e recolocar os componentes nos sítios certos, incluindo agora a pesquisa.


As nossas desculpas pelo "baralhamento" :/

Alguns Utilizadores queixaram-se de alguma lentidão, no carregamento dos seus Blogs.

Ao visitarmos esses Blogs, reparámos que todos eles tinham componentes externos na barra da direita (uns mais outros menos, mas todos tinham). Contadores, estatísticas, fases da lua, relógios e afins.

Enquanto esses componentes externos não fossem completamente carregados, o resto do Blog não se via.

A partir de hoje, optamos por carregar primeiro a coluna dos posts (que é o mais importante), e depois de estar completamente carregada a coluna dos posts, inicia-se o carregamento das barras laterais.

Assim, os visitantes podem começar a ler os posts (que é a razão principal da visita) e enquanto lêem os posts, os restantes conteúdos carregam.

Melhor?

Nada como ter uma comunidade de utilizadores participante, activa, interventiva e exigente.

Se repararem, subimos a lista de Links que temos na barra lateral, porque demos início a uma nova categoria de links, a lista dos Blogs dos Utilizadores que contenham dicas e sugestões para a utilização e optimização desta nova plataforma.

A Maria Papoila fez (entre outros) o Mudar o Template que tem algumas dicas interessantes, e pelo que percebi, está apenas no princípio.

Venham mais Blogs destes, em que são os utilizadores a contribuírem para a restante comunidade. Todos os Blogs considerados úteis serão adicionados à lista de links deste Blog.