Ae pessoal,

Em resposta ao visitante admirado do blog vou completar o post Gerador de icones de e-mail.

No caso do meu blog eu uso uma dica que tive do Guedin no fórum Blog Ajuda sobre o uso de widgets no wordpress, mas a instalação dos widgets fica pra outro dia.

É um caso bem simples, com inclusão de imagens, e no meu caso usando o editor visual do Wordpress. E como inseri-lo no Blogger.com também. Clique abaixo para ler:

Vamos aos passos para incluir

1º Gerar o icone no site http://services.nexodyne.com/email/index.php
Crie o icone normalmente e fico atento ao link da imagem que aparece em vermelho. Copie esse link pois ele é o caminho da imagem que foi gerada.

Gerando o ícone

2º Use a opção de inserção de imagem no Wordpress (para Wordpress)

No editor visual clique sobre o link de inserção de imagens, e espere a caixa de dialogo aparecer, nela coloque o endereço da foto, e sua descrição.

Inserção de ícone no post do Wordpress

Pronto a imagem já esta no post do Wordpress.

2º Colocar no modelo do Blogger.

Como a edição do modelo do Blogger é um pouco mais simples do que a do Wordpress, vou mostrar como colocar a imagem.

Acesse sua conta do blogger e vá em modelo, no modelo aparece o código HTML da página, muito cuidado com esse código, pois ele é o corpo do seu blog! Vamos procurar pelo local certo para inserir o ícone de e-mail. Procure pelo código:


<!– Begin #sidebar –>
<div id="sidebar" />

e logo abaixo dele digite o seguinte código Html:

<center>
<a href="mailto:seu email@site.com.br">
<img src="link do icone de e-mail" /></a>
</center>

Lembrando que onde aparece seu email basta colocar o endereço de seu e-mail, e em link do icone de email coloque o link copiado do site de criação do ícone. Agora basta salvar as alterações e depois publicar todo o blog.

Pronto o ícone de e-mail foi inserido com sucesso no seu blog. Em uma próxima matéria vou mostrar como instalar os widgets no wordpress e inserir o ícone de e-mail da mesma forma que aparece nesse site.