Dois Cliques
Criando banners e favicons...
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.htm#favicon (http://www.5starsupport.com/info/ie7.htm#favicon)
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/services/favicon/ (http://www.chami.com/html-kit/services/favicon/), (ou pode usar qualquer outro ficheiro que já tenha a extensão .ico)
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.
Últimos posts
Comentários
arquivos
tags
- 2009
- blogs
- caracteristicas do telemovel sony ericss
- cinema
- computadores
- dicas
- dicas para blogs
- dicas windows
- downloads
- filmes
- fotos engraçadas
- frases
- frases cómicas
- frases de homens
- frases de mulheres
- frases engraçadas
- homens
- humor
- imagens
- imagens engraçadas
- internet
- jogos
- jogos online
- listas
- livros
- mulheres
- música
- nokia
- pensamentos
- sexo
- software
- sony ericsson
- stephenie meyer
- telemoveis
- viagens
- vídeos
- videos
- windows
- youtube
