Web Dois Ponto Zero: Imagens como Títulos

Imagens como Títulos

Para usarem imagens como títulos, a exemplo do que tenho na minha barra lateral, há que proceder do seguinte modo:

Passo 1: Instalar a fonte desejada no Windows e no Gimp

Veja como neste post: Adicionar Fontes ao Gimp

Passo 2: Saber qual o código da cor do fundo da sua barra lateral

Veja como neste post: Saber o código de qualquer cor de forma instantânea

Passo 3: Criar a imagem que vai servir de título

a) Abra o gimp

b) Crie um novo ficheiro/imagem com a medida desejada (no nosso exemplo 200x50)

c) Mude a cor do fundo (background) da imagem para a mesma cor da sua barra lateral (ou do local do blog onde pretende colocar o título/imagem)

Clique da direita >> Colors >> Colorify

>> Custom Color >> colocar o código da cor, no meu caso 2D6E89 >> OK >> OK

d) Coloque a sua imagem/logotipo
Pode arrastar directamente do Ambiente de Trabalho (ou doutro local onde esteja a imagem) para dentro do gimp, mais concretamente para dentro da imagem que está a construir.
Veja abaixo, no meu caso arrastei o ficheiro Web 2.0, que estava no Ambiente de Trabalho (é visível).

e) Mova a imagem do logotipo para o local que quiser, usando a ferramenta de Mover do Gimp

f) Seleccione a ferramenta de texto

g) Escolha o tipo de letra, o tamanho e a cor que deseja usar

h) Escreva o texto (clique em Fechar de pois do texto escrito na janela pop-up que abre)
e depois arraste-o para onde quer, dentro da imagem que está a criar.

i) Grave a imagem que criou

Passo 4: Fazer o upload da imagem para um servidor da internet

Carregue a imagem para o seu servidor ou para um qualquer que encontre na net e que guarde ficheiros.

Passo 5: Colocar a imagem como título de uma secção do seu blog

a) Vá ao editor do seu blog, no Esquema, abra o widget/secção em que quer colocar o título

b) Na primeira linha coloque o seguinte código...


<img src="http://www.profelectro.info/Uploads/luisj/sidebarLogoTranslate.jpg"/>

substituindo sidebarLogoTranslate.jpg pelo nome da vossa imagem e http://www.profelectro.info/Uploads/luisj pelo servidor/local para onde fizeram o upload dessa mesma imagem.

c) Retire o título do widget/secção, se anteriormente o tinha