Como o blog ainda está a começar a sua existência, há certos pormenores que vão sendo tratados a pouco e pouco.
Hoje criei o banner dele, para aquelas pessoas que preferem linkar usando banners, em vez de links de texto. Lá está ele, acabadinho de polir, na barra lateral.
Também criei o Favicon para ele. Para quem não sabe o favicon é o ícone dos blogs ou sites, que aparece nos favoritos, e ao lado do nome do blog, na barra de endereço do navegador, ou no separador/aba, para quem usar um navegador com separadores.
Ah, e também personalizei as cores das barras de scroll (as barras que se deslocam para percorrer a página, quando esta é maior do que o tamanho do ecrã), e vou dizer como fazer isso, mais á frente no texto.
Em relação ao favicon, como o SAPO ainda não tem, que eu saiba, uma opção na área de personalização, que permita inserir um favicon (o ideal seria apresentar vários ícones, para o utililzador escolher aquele que lhe agradasse mais, ou permitir escolher o endereço externo da imagem a usar, como se faz para escolher uma imagem de fundo, por exemplo), vou mostrar como inseri aqui o meu, para quem também quiser usar um favicon no seu blog do SAPO, e não souber como fazer.
Como usar um favicon nos blogs do SAPO:
- criar uma imagem, ou usar alguma existente, de pequenas dimensões (máximo recomendado: 32x32 pixeis),
- enviar a imagem para uma página que se tenha nas Homepages do SAPO (ou em qualquer outro lado),
- ir à área de personalização intermédia, no blog onde se quer inserir o favicon,
- escolher uma das caixas de componentes (pode usar-se uma que já tenha algum outro componente em uso),
- inserir o código
<head>
<link REL="SHORTCUT ICON" HREF="http://endereço_completo_do_favicon">
</head> - no separador Posições, activar a posição, se não estiver já activa
- guardar alterações.
Actualizar a página do blog, e deverá aparecer já com o novo ícone.
Nota: como tudo nos blogs deve ser optimizado para permitir um uso o mais fácil possível para os utilizadores, e menores tempos de carregamento das páginas, etc., também se deve ter em atenção o tamanho do ficheiro da imagem a usar como favicon.
Como alterar as cores das barras de scroll:
- repetir o processo anterior, e numa das caixas de componentes, inserir o código
<STYLE>
html {scrollbar-Face-color: #9E9E9E;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #9E9E9E;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;}
</STYLE>
Nota: alterar os valores hexadecimais para as cores (o número após o símbolo cardinal), os que estão no código que mostrei, são os que usei. Um bom programinha gratuito, e que eu uso, para trabalhar com códigos de cores é o Color Cop.
Explicação dos nomes de componente da barra:
scrollbar-Face-color: a cor da face da barra
scrollbar-highlight-color: borda esquerda e superior
scrollbar-shadow-color: borda direita e inferior
scrollbar-3dlight-color: rodeando a borda esquerda e inferior
scrollbar-arrow-color: cor das setas nos 2 extremos
scrollbar-track-color: cor da área por onde a barra se desloca
scrollbar-darkshadow-color: rodeando a borda direita e inferior
A tua dica do favicon era algo que eu queria adicionar ao meu blog também e como o SAPO ainda não em esta opção implementada dou-te os parabéns por teres dado a explicação aqui no teu blog. Vou já implementar no meu.
Obrigada!
Passa no meu estaminé quando quiseres, estás convidado :)
Vou já ver o teu blog.
Acabo de reparar que cometi um pequeno erro, quando disse que se devia ir à personalização avançada, quando na verdade era personalização intermédia. Já corrigi.
Espero que isso não te tenha confundido.
Fica bem.
Obrigado.
Caetano
Pode ver esta página que explica como criar o favicon no IE7 (em inglês):
http://www.5starsupport.com/info/ie7.ht
Abraço.
Valeu,
Abraços.
Fiz uma tradução rápida do texto para português. O que ele diz é isto:
1) Criar uma imagem .gif para usar como Favicon.
2) Usar um programa para converter a imagem num Favicon com a extensão .ico.
O autor sugere este:
http://www.chami.com/html-kit/servi
3) Depois de ter a imagem convertida para o formato .ico, pode fazer-se o upload da imagem para o directório raiz do site ou blog.
4) Isto deve ser o suficiente para fazer o Favicon aparecer no Firefox, mas pode ainda não aparecer nas versões do Internet Explorer acima da versão 5. Vamos continuar.
5) Colocar o ficheiro favicon.ico na pasta “imagens”. (ficando por exemplo assim: www.o-seu-site.com/imagens/favicon.ico)
6) Colocar a imagem Favicon no ficheiro index.html e verificando que o caminho completo para ela é www.o-seu-site.com/imagens/favicon.ico.
7) Depois de ter feito o upload dos ficheiros para o site, pode limpar-se a cache, da seguinte forma:
A. Abrir o Internet Explorer,
B. Ir a Ferramentas > Opções da Internet,
C. Apagar os Ficheiros Temporários da Internet (incluindo conteúdo offline),
D. Apagar o Histórico.
8) Pode ser necessário colocar um link indicando o caminho para o favicon, entre as tags < head > e < /head >.
9) Fechar o Internet Explorer, e depois reabri-lo. Agora escrever o endereço para o site onde colocamos o favicon.
Pode ser necessário premir a tecla F5 para actualizar a página e fazer aparecer o favicon.
Vídeos
Telemóvel Nokia 6110 Navigator
Telemóvel Nokia 5320 Xpress Music
Telemóvel BlackBerry Pearl 8110
Telemóvel BlackBerry Curve 8310
Telemóvel LG KE800 Chocolate Premium
Vídeo Review do Telemóvel Sony Ericsson P1i
Telemóvel Imaginarium Mo1 | Telemóvel para Crianças
Wallpapers para Telemóveis MoboPic
Despir Pessoas com o Telemóvel
Imagens de Bonecos para o Telemóvel
Como Saber Modelo de Telemóvel
Telemóvel Winx para Meninas na Optimus - Portugal
Programas para Desbloquear Telemóveis
Desbloquear telemóveis facilmente
Vodafone 555 Azul - O Novo Telemóvel Facebook
Caixas de Correio Tipo Americanas
Perfumes Importados Femininos Mais Vendidos
Despir Pessoas com o Telemóvel