Passo a Passo: Menos Spans em sua caixa de e-mail

Hoje falarei sobre uma coisa legal que venho observando ja a alguns meses em grandes blogs e sites. Se você ja reparou no Google por exemplo, não existe um e-mail que eles coloquem a vista de qualquer um para enviar alguma solicitação, sugestão ou algo do tipo. Você ja se perguntou o porque?

Se não, o Arruma blog lhe explica: Existe na internet os Spambots que são nada menos que robôs em busca de endereços de e-mail, para poder enviar e-mails com aquela mensagem chata e um dizer do tipo 'Se você não se cadastrou em nossa newsletter, por favor clique aqui para cancelar' ai você clica correndo o risco de ser um link com vírus ou aquela merda de site que da até medo entrar. Eles procuram tudo o que tiver o @, se hoje ja não estiverem mais 'espertos'.
O Google utiliza (pelo que reparo, não pelo que busquei na internet) um sistema de criptografia e boas idéias para minimizar o recebimento de mensagens do tipo, com formulários criptografados ou codificados de uma forma única. Os demais sites quando não fazem igual, optam pelo famoso ARROBA. Sim, muitos escrevem a palavra arroba, as vezes dentro de chaves ou de parenteses e alguns ainda modifica colocando outras palavras estranhas.

Para você que não deseja cair nesta de colocar a vista seu e-mail para contato diretamente no seu blog, você pode ter um formulário de contato como o nosso [aquele que ensinamos a implementar junto com o Wuffo] e se mesmo assim desejar inserir um e-mail para contato preparamos um código CSS para você inserir em seu blog e ser feliz.

Este código pode ser incluído no seu blog indo em Layout >> Editar HTML e depois inserir este código:

address:after{
/* 40 é um código para escrever o caractere '@' */
content: " ";
}

Nota: O caractere @ em folhas de estilo em cascata pode ser escrito com o código especial 40. Colocamos um espaço depois de 40 para que fique claro que o caractere especial chega até ali. Podem provar ao tirar o espaço e vocês verão que em ocasiões o @ se transforma em outro caractere, dependendo do que tiver escrito depois. Esse espaço em branco não afeta o texto, ou seja, não será visto na página. A linha vermelha é um comentário que não faz parte direta do código, você pode tirar.

Pode ser bem depois (logo no início do blog) de:

body {
margin:0 auto;
padding:25px 0px 0px 0px;
background:#2E2E2E ;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#161514;
font-size:13px;
}

O código HTML que deveríamos escrever para mostrar o endereço do correio no local onde deseja que ele apareça, isso inclui um gadget de Texto/JavaScript, seria o seguinte:

© 2005 oquefor.com
*coloque uma / no lugar da palavra fecha

Desta forma o resultado final seria assim: © 2005 oquefor.com nome@dominio.com

Para ver um exemplo de uso direto clique aqui

O único impasse deste código é que o leitor não pode copiar e colar o e-mail pois nem sempre é possível e não há como fazer. Esta é realmente uma boa solução seguindo o conceito de CSS implementado no Blogger / Blogspot do Google, ou se ainda sim achar muito difícil, você optar por uma imagem com as palavras do seu e-mail, só que ai o leitor teria que digitar o endereço do e-mail e não copiar e colar.

Espero ter ajudado. Quanto mais cedo você tentar resolver isso, menos spans receberá e o risco de seu e-mail ser roubado será menor.

Esta postagem tem conteúdo direto do site Criar Web - Direitos autorais reservados