Um programa interessante para criar um botão ou ícone de email de contato para o seu blog é o E-Mail Icon Generator. A depender do seu e-mail, se AOL, Yahoo, MSN, Live, Mac e outros, ele já tem um modelo pronto com as cores predominantes do provedor, o que não impede que possa fazê-lo diferente.
Caso o seu email seja outro, qualquer outro, você pode configurar o tipo e a cor da fonte, a cor do background, quando pode coloca-lo da cor da home page do seu blog, com ou sem borda, que dá um efeito muito bom, principalmente sem borda – com a cor de “border” no programa da mesma cor do background.
Para conseguir a cor exata da home page, vá ao Painel do seu blog → Layout → Fontes e Cores e, ao selecionar a cor do background do local da home onde pretende colocar o botão, verifique à esquerda e copie o código da cor. Daí é so colar no lugar respectivo no programa de icones.Você pode “brincar” com as cores e fontes e descobrir aquelas que deixarão o seu e-mail melhor e que dará um efeito mais interessante. Pode ainda coloca-la – a imagem – em um editor de imagem e , em Filtros → Decoração → Adicionar Chanfro, que ela ficará com um efeito como aquele dos 4 últimos modelos na imagem acima.
Para completar o seu email_ícone, vai pecisar inseri-lo em um código e adicioná-lo na Sidebar ou Barra Lateral do seu blog.
O 1º passo é “publicar” a sua imagem. Um bom endereço é o Photobucket.com. Feito isto, copie o link da imagem e insira no código abaixo, onde está X, em vermelho.
O 2º é fazer um cartão/mensagem de boas vindas, colocar um link do seu email, e publicar, no Google Docs, por exemplo, daí, é só copiar o link da página – na barra de endereço mesmo, do seu navegador – e colar no Y em vermelho no código.
(a href="yyyyyyyyyyyyyyyyyyyyyyyyyyyyyy")(br//)(img border="0″" width="138″" alt="contato" src="xxxxxxxxxxxxxxxxxxxxx" height="21″" title="Contato /"/)(/br/)(/a)
Com o código pronto, é só adicioná-lo ao seu blog seguindo os passos: Painel → Layout → Adicionar Gadget → Adicioar HTML → colar o código e Salvar. Feito isto, é só arrastar e colocar no lugar da Barra Lateral que achar conveniente.
Obs.
1: Todos os parênteses ( no código, foram colocados para possiblitar a publicação e devem ser substituidos por < >.
1: Todos os parênteses ( no código, foram colocados para possiblitar a publicação e devem ser substituidos por < >.
2: Os números 138 e 21, em azul, devem ser substituidos por aqueles equivalentes às dimensões de sua imagem ( é só encostar o cursor do mouse na imagem salva em seu computador, que ela revela).
************
Este tutoral sobre “contato”, mostra um jeito diferente de fazer isso, pois, a alternativa seria um botão – o mesmo – onde, com um clique do usuário, ele seria direcionado ao Outlook Express, Thunderbird ou outro serviço de email que utilize, se é que utiliza algum. Achamos este modelo melhor, principalmente pela possibilidade do cartão/mensagem de boas vindas, como pode conferir clicando no ícone_email deste blog, na barra, abaixo.
É isso! Qualquer dúvida, entre em contato.
