Dois Cliques

Quarta-feira, 8 de Agosto de 2007

Criando banners e favicons...

imagem do banner do tecno blog 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>

imagem do programa colorcop 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.

Dois Cliques

Criando banners e favicons...

Últimos posts

Comentários

arquivos

tags

mais comentados

subscrever feeds

pesquisar