Banner Rotativo com Imagens

Neste artigo, mostrarei como criar um banner rotativo de imagens, onde você pode colocar imagens ou textos que deslizam automaticamente pela tela, ocupando pequeno espaço em seu blog. Normalmente, esse tipo de banner é utilizado para exibir selos recebidos, artigos de seu blog ou outras imagens desejadas. O artigo é fruto de uma sugestão feita em meu Skribit pela Lucy, do Amor e Paz sem Fronteiras, a quem agradeço. Também deixo meu muito obrigado à Denize, do Blog da Comentarista que gentilmente cedeu-me o código HTML e outras sugestões que utilizei como base para o artigo.

 

Introdução

Caso a explicação acima não tenha sido suficiente para entender o que é um banner rotativo, abaixo está um exemplo, feito a partir de imagens de artigos aqui do Gerenciando Blog:

Algumas características do banner rotativo que criei:

• Neste exemplo, as imagens estão “deslizando” no sentido horizontal. Também é possível fazê-lo no sentido vertical.
• Ao passar o mouse sobre a figura, a animação pára. Ao retirá-lo, ela reinicia.
• Cada figura é um link para um artigo. Ao clicar nela, será aberta outra página com o artigo correspondente.
• Aqui, as imagens estão animadas num movimento de “vai e volta”. É possível também fazê-lo num sentido contínuo.

 

Onde utilizar o banner rotativo?

A vantagem do banner rotativo é de poder utilizar uma área relativamente pequena para mostrar um grande número de imagens que, da forma tradicional, ocupariam grande espaço na tela. Pensando nisso, há algumas situações em que já é comum a utilização do banner rotativo. Algumas delas:

• Exibição de selos ou prêmios recebidos.
• Exibição de artigos do blog para os quais se quer chamar a atenção.
• Exibição de banners de parceria.

Particularmente, não gosto muito do último uso, o de exibição de banners de parceria. No banner rotativo, não são exibidas todas as imagens simultaneamente, o que pode fazer com que o visitante não veja todos os links de parceiros naquele momento. Por outro lado, um banner rotativo costuma chamar mais a atenção. Mas, isso fica a critério de cada um.

 

Como criar um banner rotativo?

Criar um banner rotativo é bem mais simples do que parece. A “mágica” é feita com a tag “marquee” do HTML, que possibilita a animação de textos ou imagens.

Por exemplo, o banner que mostrei acima, com os artigos do Gerenciando Blog, foi criado com o código abaixo:

<marquee direction="left" scrollamount="2" width="400" height="130" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">

<a href="http://www.gerenciandoblog.com.br/2010/01/skribit-como-utiliza-lo-melhor.html" target="_blank">
<img
src="http://lh4.ggpht.com/_XibsBbZTGuE/S2DrlUI20MI/AAAAAAAABzw/37WBMgd4CgE/Skribit200_thumb[4][1]_thumb.png"
title="Skribit: Como Utilizá-lo Melhor"
height="130" width="130"/>
</a>

<a href="http://www.gerenciandoblog.com.br/2010/02/google-apps-e-mail-gratis-para-seu.html" target="_blank">
<img
src="http://lh4.ggpht.com/_XibsBbZTGuE/S23jVFAqV6I/AAAAAAAAB2A/qvIK-ytVMeM/email_thumb3.jpg"
title="Google Apps: E-mail Grátis para seu Domínio"
height="130" width="130"/>
</a>

<a href="http://www.gerenciandoblog.com.br/2010/02/1-ano-do-gerenciando-blog.html" target="_blank">
<img
src="http://lh6.ggpht.com/_XibsBbZTGuE/S3bMqvp1AuI/AAAAAAAAB40/FTNXrTsmaoQ/aniversario_thumb.jpg"
title="1 ano do Gerenciando Blog"
height="130" width="130"/>
</a>

<a href="http://www.gerenciandoblog.com.br/2010/02/tynt-insight-quem-esta-copiando-seus.html" target="_blank">
<img
src="http://lh5.ggpht.com/_XibsBbZTGuE/S3ggXCOQH4I/AAAAAAAAB48/EDM7HHpukcA/Tynt200_thumb.jpg"
title="Tynt Insight: Quem Está Copiando seus Artigos?"
height="130" width="130"/>
</a>

<a href="http://www.gerenciandoblog.com.br/2010/02/guest-post-no-gravata-solta.html" target="_blank">
<img
src="http://lh5.ggpht.com/_XibsBbZTGuE/S3s668AmrYI/AAAAAAAAB68/dddkPA0KXGE/autor_thumb[3][1]_thumb[2][1]_thumb.jpg"
title="Guest Post no Gravata Solta"
height="130" width="130"/>
</a>

</marquee>

Ainda parece complicado? Vou então quebrar cada parte dele, destacada com cores diferentes, para mostrar que não é.

A primeira linha é a que inicia a animação e deve ser colocada apenas uma vez:

<marquee direction="left" scrollamount="2" width="400" height="130" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">

Em negrito estão os itens que você pode alterar de acordo com sua necessidade:

• direction: direção em que a animação será feita. Os valores possíveis são left ou right (para banners horizontais, movimentando para a esquerda ou da direita) e up ou down (para banners verticais, movimentando para cima ou baixo).
• scrollamount: determina a velocidade da animação. Quanto maior o número, mais rápida a animação será.
• width: largura da área onde a animação aparecerá.
• height: altura da área onde a animação aparecerá.
• behavior: tipo da animação que será mostrada. Há 3 valores possíveis: scroll, slide ou alternate. Abaixo eu mostro o efeito de cada uma.

Scroll

 

Slide (nesta opção, a animação ocorre apenas uma vez e para)

 

Alternate

Depois da linha com o “marquee”, são colocadas as imagens desejadas, com seu respectivo link, se for o caso. Deve existir uma instrução desta para cada imagem que fará parte do seu banner:

<a href="http://www.gerenciandoblog.com.br" target="_blank">
<img src="http://gerenciandoblog.webs.com/Gerenciando.gif"
title="Gerenciando Blog"
height="130" width="130"/>
</a>

• href: endereço do link, se existir. Se não houver um link, esta linha inteira não é necessária. Também deve ser removida a última linha.
• src: endereço da imagem que será exibida.
• title: título que aparecerá ao parar o mouse sobre a imagem.
• height: altura da imagem. Só precisa ser colocada em banners horizontais e deve ser igual à altura do marquee.
• width: largura da imagem. Só precisa ser colocada em banners verticais e deve ser igual à largura do marquee.

OBS: Não é recomendado preencher as duas informações (height e width) ao mesmo tempo, pois as figuras podem perder sua proporção original e ficar distorcidas.

Ao final, é só colocar o fechamento da tag, uma única vez:

</marquee>

 

Há uma forma mais fácil?

Para facilitar a geração do código do banner rotativo, criei uma planilha em Excel que gera o HTML automaticamente a partir da digitação dos dados. Basta preencher as informações dos campos que estão em fundo branco e o código será gerado no campo com fundo amarelo.

Abaixo está uma imagem dela:

A planilha está disponível para download em http://gerenciandoblog.webs.com/BannerRotativo_GerenciandoBlog.xls e pode ser distribuída livremente. Caso haja alguma dúvida, problema ou sugestão para a planilha, é só enviar e-mail para adelson@gerenciandoblog.com.br.

 

Como colocar o banner em meu blog?

Esta é a parte mais simples: basta adicionar um gadget de “HTML/JavaScript” em seu blog e colar o código HTML gerado acima, seja manualmente ou através da planilha.

 

Conclusão

Agora, cabe a você avaliar se vale a pena colocar um banner rotativo em seu blog e onde utilizá-lo. Em caso de dúvidas, é só deixar um comentário.

 

ATUALIZAÇÃO 31/10/10: Caso você precise de efeitos mais elaborados, similares a um slideshow para seu blog, é necessário utilizar códigos JavaScript. Um bom artigo a respeito disso está no artigo Slideshow no Blogger, da sempre competente Juliana Sardinha. Vale a visita!

Google Buzz: Como Divulgar seu Blog

O Google Buzz é um dos assuntos mais falados na web desde seu lançamento, há algumas semanas. Muitos usuários do GMail foram surpreendidos ao acessar sua conta e perceber que já tinham acesso á ferramenta. Outros, tomaram conhecimento do Google Buzz através dos inúmeros artigos escritos em blogs. Neste artigo, vou mostrar como você pode divulgar automaticamente os artigos do seu blog no Google Buzz.

 

Introdução

Você já deve ter ouvido falar sobre o Google Buzz. Trata-se de uma nova rede social, similar ao Twitter, lançada pelo Google e integrada ao GMail, onde você pode compartilhar com seus amigos os mais diversos conteúdos. O vídeo abaixo, produzido pelo próprio Google, dá uma ótima noção sobre o serviço:

O que vou explorar aqui não é como utilizar o Buzz, e sim como fazer uso dele para divulgar os artigos do seu blog. Por isso, se você quer conhecer mais sobre o Google Buzz, o Gustavo escreveu um artigo no GF Soluções, onde ele cita links também para outros artigos sobre o tema.

 

Ativando o Google Buzz

Neste momento, é muito provável que você já tenha ativado o Google Buzz e ele já esteja funcionando em seu GMail. Fazer isso é fácil:

1. Acesse http://www.gmail.com e entre com seus dados de usuário e senha.

2. Caso seja exibida uma tela como a abaixo, é só clicar no botão “Legal! Conferir o Google Buzz” e ele será ativado em sua conta.

3. Se a imagem não aparecer, há duas opções. Ou o Google Buzz já está ativado em sua conta, e então você verá a opção destacada abaixo na barra esquerda:  

Ou o Google Buzz pode não estar ainda disponível em sua conta. Uma última opção é acessar http://www.google.com/buzz e tentar ativar o serviço.

Se tudo funcionou bem, você já pode começar a utilizar o Google Buzz.

 

Configurando seu perfil

Após a ativação, é importante você configurar o seu perfil no Google Buzz (que é o mesmo perfil utilizado por outros serviços do Google), para facilitar sua divulgação. Isso é bastante simples:

1. Clique na opção “Buzz” da barra lateral esquerda.

2. Você verá uma tela como a abaixo. Clique na opção “Editar”, marcada em vermelho:

3. Preencha as informações solicitadas. Existem duas seções importantes em termos de divulgação. A primeira delas é a seção de “Links”. Configure nela os links de seus blogs. Se eles já estiverem sendo exibidos na coluna esquerda, é só clicar em “Adicionar >>”. Se não estiverem lá, preencha a “URL” e “Nome do link” logo abaixo. Quando terminar, sua seção está parecida com a abaixo: 

4. A outra seção importante é a “URL do perfil”, logo após os links. Deixe selecionada a primeira opção, com seu nome, pois isso facilitará o acompanhamento do seu perfil. Guarde esse endereço. Você o utilizará para divulgar seu Google Buzz.

5. Quando terminar, clique no botão “Salvar alterações”, no final da página. Pronto, seu perfil está completo e já pode ser divulgado.

Para conhecer meu perfil, por exemplo, acesse http://www.google.com/profiles/gerenciandoblog. Lá você encontrará um botão para me seguir. Caso você não veja o botão, é porque ainda não fez login em uma conta do Google. Neste caso, é só clicar em “Login”, no canto superior direito da tela e entrar com seus dados de usuário e senha.

 

Divulgando seu perfil

Divulgar o seu perfil passa agora a ser tão importante quando divulgar o seu Twitter. Para isso, abuse de sua criatividade. Sugestões de onde você poderá divulgá-lo:

• Em seu blog, colocando um gadget de HTML/Javascript (foi o que fiz no Gerenciando Blog, juntamente com o Twitter e o RSS).
• Na sua assinatura de e-mail.
• Em seu cartão de visitas.
• Seu perfil do Twitter, Orkut e outras redes sociais.

 

Divulgando seus artigos no Google Buzz

No Google Buzz, é muito fácil divulgar seus artigos automaticamente, especialmente se eles estiverem no Blogger:

1. Em seu Buzz, clique na opção “sites conectados”, destacada abaixo: 

2. Você será levado a uma tela similar à seguinte. Note que, entre as opções, deve estar o seu Blogger. Clique no botão “Adicionar” correspondente. 

3. Perceba que você pode também divulgar outros itens, incluindo seu Twitter. Caso seu blog não esteja no Blogger e seus artigos já sejam enviados para lá, é outra opção para divulgação. Quando adicionar todos os serviços desejados, clique no botão “Próxima Etapa”, na parte inferior da tela.

4. Será exibida uma tela confirmando a exibição do seu perfil público. Clique em “Salvar perfil e continuar”. 

Pronto! Automaticamente, já deve ser enviado ao seu Google Buzz o último artigo do seu blog. A partir de agora, seus novos artigos também aparecerão automaticamente em seu perfil.

 

Permitindo que seus visitantes enviem seus artigos para o Buzz

Como citei no artigo Gadgets para Divulgação em Redes Sociais, é interessante que você facilite aos seus leitores o envio de seus artigos para redes sociais, permitindo que eles também divulguem seus artigos. O mesmo acontece com o Google Buzz.

A má notícia é que, até onde pesquisei, nenhum dos 3 gadgets que citei naquele artigo já disponibilizou o envio para o Google Buzz. O AddThis já pronunciou-se sobre o assunto, informando que estão trabalhando nisso e sugerindo uma forma pouco elegante de contornar a limitação.

Mas, a boa notícia é que já existem tutoriais mostrando como colocar em seu blog um botão para que seus visitantes enviem o artigo para o Google Buzz. Um bom exemplo está no Dicas para Blogs, no artigo Colocar Botão do Google Buzz no Blog.
IMPORTANTE: Para que ele funcione corretamente, você precisa adicionar o Google Reader aos seus “sites conectados”, conforme mostrei acima,

Para o Wordpress, há um tutorial no GF Soluções, em Buzz This: Plugin para o Google Buzz no seu blog.

 

O Google Buzz já está disponível para o Google Apps?

Se você seguiu o artigo Google Apps: E-mail Grátis para seu Domínio, outra má notícia. Segundo informações do próprio Google, o Google Buzz só estará disponível no Google Apps dentro de alguns meses. Enquanto isso, a solução é utilizar o Google Buzz em uma conta normal do GMail.

 

Conclusão

O Google Buzz pode parecer ser apenas “mais uma rede social”. A grande diferença, neste caso, é que quem está por trás dela é o Google, e isso deve ser respeitado. A outra diferença é que o Buzz já faz uso da rede de contatos que você tem nos serviços da empresa, como o GMail, Orkut e outras. Isso pode fazer muita diferença com relação à velocidade de propagação do Google Buzz. Claro que nem isso é garantia de sucesso. O melhor exemplo é o Google Wave, que chegou com grande alarde e quase ninguém mais fala sobre o assunto.

Independente de você gostar ou não da idéia dessa nova rede social, vale o mesmo pensamento que eu uso para o Twitter: se você não gosta, seus visitantes podem gostar e utilizar intensivamente o Google Buzz. Por isso, você não pode perder a oportunidade de divulgar seus artigos nessa nova plataforma. Especialmente quando isso pode ser feita de forma automática, como mostrei aqui.

 

E você, já usa o Google Buzz? O que está achando da ferramenta?

Guest Post no Gravata Solta

Foi publicado hoje meu terceiro “guest post”, desta vez escrito no Gravata Solta, a convite de Alexandre Silva, um de seus proprietários. O Gravata Solta – que possui um título criativo e divertido – é um blog mantido pelo Alexandre e Oswaldo Quartim Barbosa, que traz interessantes artigos voltados para o ambiente corporativo. Vale a pena conhecer o trabalho deles!

Alexandre – com quem já troco visitas e comentários há algum tempo - me convidou a escrever um artigo sobre a importância de um blog na vida de um profissional. Fiz isso com grande prazer e com base na experiência que tenho com meus blogs. Você pode conferir o resultado lendo o artigo Importância do Blog na vida de um profissional!.

Tynt Insight: Quem Está Copiando seus Artigos?

Quando escrevi o artigo Plágio: o que Fazer Contra essa Praga, citei uma série de ferramentas e procedimentos para proteger o seu blog contra a cópia de seus artigos. O Tynt Insight é outra ferramenta que fornece uma certa proteção para seu conteúdo. Ele não impede a cópia do conteúdo, mas gera um link para o seu artigo original juntamente com o texto copiado. É mais uma forma interessante para proteger seu conteúdo e chamar a atenção das pessoas que lêem os textos que foram copiados de seu blog.

 

Introdução

Quer ver o Tynt in ação? É simples: copie um trecho de qualquer artigo do Gerenciando Blog (este que você está lendo, por exemplo) e cole-o em um editor qualquer. Ao final do trecho copiado, você verá um link como o seguinte:

Leia mais: http://www.gerenciandoblog.com.br/2010/02/1-ano-do-gerenciando-blog.html#ixzz0fWQ07hS1

Ao clicar nesse link, você será direcionado para o artigo original no Gerenciando Blog, com o texto copiado destacado, como na figura abaixo:

Com isso, se alguém copiar um artigo do Gerenciando Blog e publicá-lo em outro lugar, levará consigo o link para meu artigo original. É mais uma forma de tentar inibir o plágio de artigos, uma prática que revolta todos que geram conteúdo original. Isso pode até gerar novas visitas para o seu blog, vindas do local onde seu conteúdo foi plagiado.

Claro que o plagiador pode simplesmente apagar o “Leia mais” após copiar o texto. Mesmo assim, o Tynt Insight é interessante. Primeiro, porque muitas pessoas sequer se dão o trabalho de ler o que está copiando. Segundo, porque a necessidade de sempre remover o link pode irritar o plagiador e fazer com que ele desista de sua intenção.

Eu já citei rapidamente o Tynt Insight no artigo Who’s Among Us – Quem está em seu blog?. Aquele serviço tem uma parceria com o Tynt e mostra uma versão básica do serviço.

 

Como instalar?

A instalação do Tynt Insight é bastante simples. Basta seguir os passos abaixo:

1. Acesse http://www.tynt.com.

2. Clique na opção “Get Tynt Insight”, no canto superior direito da página.

3. Em “New user”, preencha suas informações e clique em “Get Started”:

4. Na próxima página, altere o idioma do Tynt para português. Se você já criou uma licença do Creative Commons para seu site, escolha a opção correspondente.

5. Você notará, no canto inferior direito da tela, o código do Tynt Insight que você deve colocar em seu blog. Basta editar o seu template e colar o código do Tynt no final dele, antes da tag </body>.

Pronto! O Tynt Insight já está instalado em seu blog. A partir de agora, você já pode fazer um teste, copiando um trecho dele e colando-o num editor.

 

Acompanhando as cópias

Na área de “Reports”, você acompanhará as cópias que foram realizadas de seu conteúdo. Lá, é possível visualizar qual foi o conteúdo copiado e onde ele foi postado. Um exemplo dessa tela:

Nas abas “Link Report” e “Content Report” você tem outras visões sobre o conteúdo copiado.

 

Conta Pro gratuita

O Tynt Insight está oferecendo uma promoção para que você utilize a conta “Pro”, que possui recursos adicionais, sem pagar nada por isso. Por se tratar de uma promoção, é possível que o recurso seja desabilitado no futuro. Mas, vale a pena utilizá-lo enquanto isso.

Para fazer isso, basta acessar a opção “Account Settings” do menu e depois entrar em “Get Pro”. Você verá uma tela como a seguinte, que explica as vantagens da conta “Pro”. Basta clicar no botão “Upgrade”, na parte inferior da tela:

 

Desabilitando o Tynt para suas próprias visitas

Após ativar o Tynt, você perceberá que inclusive as cópias que você próprio fizer de seu conteúdo levarão o link “Leia mais”, o que pode se tornar irritante.

Isso é simples de ser desativado: basta acessar “Account Settings”, “System Settings” e clicar no botão “Turn OFF Tynt Insight”, mostrado no canto inferior direito da tela abaixo:

Caso você utilize mais de um navegador, isso deve ser feito em cada um deles. Se você utiliza mais de um computador, o procedimento também deve ser feito em todos eles.

 

Conclusão

O Tynt Insight não evita que seu conteúdo seja copiado, mas é mais uma ferramenta que pode auxiliá-lo na luta contra o plágio. Vale a pena testá-la!

 

E você, já conhecia o Tynt Insight? Deixe seu comentário!

1 ano do Gerenciando Blog

Hoje faz exatamente 1 ano que escrevi o primeiro artigo aqui no Gerenciando Blog! Para mim, é motivo para comemoração. Quem está nesta estrada sabe que são poucos os blogs que chegam a essa idade, pois muitos são abandonados antes disso, como citei no artigo Por que os Blogs Morrem?. E faço questão de comemorar a data com todos vocês que me visitam regularmente, fazendo críticas, comentários, perguntas ou aplicando em seus blogs o que aprendem aqui. Isso é minha maior motivação!

 

O início

O Gerenciando Blog surgiu da dificuldade que eu próprio enfrentava com o TD Séries, o primeiro blog que criei e que mantenho até hoje com minha esposa. Precisei pesquisar tanto para conseguir realizar o que eu desejava que decidi compartilhar esse aprendizado, pensando que pudesse ser útil também a outras pessoas. Essa foi a motivação para eu iniciar meu trabalho e a que o mantem no ar até hoje. Por isso, valorizo tanto os comentários que recebo aqui.

O início foi complicado. Eu escrevia os artigos e não recebia nenhum comentário, dando a impressão de que escrevia para mim mesmo. Felizmente, hoje os artigos recebem um bom número de comentários, o que ajuda muito na evolução do Gerenciando Blog.

 

Números

Alguns números atuais do Gerenciando Blog:

• 93 artigos – uma média de 1 artigo a cada 4 dias. Meu compromisso atual é de escrever ao menos 1 artigo por semana.
• 1672 comentários – uma média de 18 comentários por artigo. Entre eles, perto de um terço são comentários meus, pois faço questão de responder cada comentário recebido.
• 650 seguidos do Twitter – atualmente, uso a ferramenta para divulgar automaticamente todos os artigos escritos e também para eventuais avisos.
• 412 assinantes do feed – sendo 120 no FeedBurner e os demais do feed default do Blogger.

Atualmente, esses números estão disponíveis na barra lateral direita do Gerenciando Blog, num widget que criei com base em códigos do Códigos Blog e do Usuário Compulsivo.

Hoje, a média de visitas está em torno de 250/dia, com picos nos dias em que faço a divulgação dos artigos. O recorde de visitas ao Gerenciando Blog num só dia foi conquistado em 26/08/09, com um total de 1354 visitas. O artigo responsável pelo recorde foi o Um banner para seu site de forma fácil, que continua sendo um dos artigos mais lidos até hoje.

 

Artigos mais populares

Os artigos mais visitados neste primeiro ano foram:

• Um banner para seu site de forma fácil
• Criando um banner para o seu site
• Favicon: um ícone para o seu blog
• Mudando para seu domínio próprio – Parte 2
• Google Analytics: Conheça quem visita seu site

Os que receberam mais comentários foram os seguintes:

• LinkWithin: Mostre artigos relacionados
• Mudando para seu domínio próprio – Parte 2
• Favicon: um ícone para o seu blog
• Utilizando o Live Writer para escrever em seu blog
• Por que os Blogs Morrem?

Há também alguns artigos que considero especiais:

• O que é Taxa de Rejeição e como diminuí-la – Este foi um artigo em que contei com a colaboração de proprietários de outros blogs, que me cederam seus dados para que eu pudesse escrever a respeito do assunto.
• Divulgando seu blog – Este foi um dos primeiros artigos escritos aqui no Gerenciando Blog. Na verdade, trata-se de uma extensa série de artigos onde cito diversas formas para divulgar seu blog.
• Por que os Blogs Morrem? – Neste artigo utilizei uma abordagem diferente de criar um artigo interativo, em que os visitantes podem responder enquetes dentro do próprio texto. Infelizmente, o artigo foi prejudicado porque o site em que criei as enquetes saiu do ar alguns meses depois e até hoje não voltou. Mas, a idéia surtiu resultado positivo e pretendo utilizá-la novamente no futuro.

 

Agradecimentos

Hoje, o Gerenciando Blog está longe de ser o blog mais visitado de seu nicho, até porque há outros ótimos blogs que eu mesmo já citei por aqui. Também não é hoje um blog rentável, pois ainda não me gera retorno financeiro direto. Mas, faço questão de que seja um lugar onde cada visitante seja bem tratado.

Por isso, todo artigo aqui escrito é resultado de horas de pesquisa e testes, para garantir que, ao lê-lo, você saiba que é um artigo original e que a dica irá funcionar. Todos os comentários recebem uma resposta. Faço questão de pesquisar e responder cada dúvida aqui deixada – embora umas poucas ainda permaneçam um mistério. Esse relacionamento próximo, por assim dizer, me trouxe a oportunidade de conhecer ótimas pessoas, que eu nunca teria a oportunidade de conhecer de outra forma.

Muitas dessas pessoas se tornaram parceiros de meu trabalho, não apenas com a troca de links, mas também com a colaboração constante e mútua, especialmente com a troca de visitas e comentários. Essa parceria também se deu através de alguns “guest posts” escritos aqui e em seus blogs – e também alguns outros convites que ainda não consegui atender.

Por isso, deixo aqui meu enorme agradecimento a todos vocês que passam aqui pelo Gerenciando Blog e que colaboraram com meu trabalho neste ano. O Gerenciando só é hoje o que é devido à colaboração de todos vocês!

Meu muito obrigado e o sincero desejo de sucesso a todos!

Google Apps: E-mail Grátis para seu Domínio

Na série de artigos Mudando para seu domínio próprio, eu mostrei as vantagens e desvantagens em você utilizar um domínio próprio em seu blog. Mostrei também o passo a passo para fazer essa migração. Neste artigo, ensinarei a utilizar gratuitamente um e-mail em seu domínio (por exemplo, adelson@gerenciandoblog.com.br), sem a necessidade de pagar por um plano de hospedagem.

 

Introdução

Antes de iniciar o passo a passo, uma pergunta: para que ter um e-mail com seu domínio próprio? A resposta é similar à justificativa para ter um domínio próprio: um e-mail com seu domínio passa uma sensação de seriedade maior em seu trabalho. Especialmente em contatos profissionais, quem vê o e-mail adelson@gerenciandoblog.com.br percebe que aquele e-mail vem de uma instituição ou empresa (diferente do meu anterior, gerenciandoblog@gmail.com.br, que deixava claro tratar-se apenas de uma conta no Gmail).

Perceba que utilizei a palavra “sensação” intencionalmente, porque não é o endereço do e-mail ou mesmo o domínio próprio que garantirão a seriedade da pessoa que enviou aquele e-mail.

Por isso, se você já possui um domínio próprio, vale a pena seguir este tutorial para ter também seu próprio e-mail. Especialmente porque você não pagará absolutamente nada por isso.

Existem empresas que fazem o registro do domínio e já oferecem o serviço de e-mail gratuito, especialmente se você está pagando pela hospedagem dos arquivos. Este artigo é destinado para as pessoas que não tem um plano como esse e pagaram apenas pelo registro – como é o meu caso.

 

A solução: Google Apps

Mais uma vez, o produto que apresentarei aqui é outra criação do Google. Sempre tenha em mente uma frase que já utilizei aqui no Gerenciando Blog mais de uma vez: “Saiba que o Google é seu amigo, e tire proveito dessa amizade”. Isso porque a empresa fornece inúmeros produtos de qualidade e, em sua grande maioria, gratuitos, para auxiliar no gerenciamento de seu blog.

Desta vez, vou apresentar aqui o Google Apps, um conjunto de ferramentas do Google voltadas para empresas ou pessoas físicas que inclui o e-mail gratuito. Para empresas, existe a versão Professional – paga – com uma série de vantagens. Aqui, vou mostrar a versão Standard, que é gratuita e tem algumas pequenas limitações que não comprometerão as funcionalidades. Uma informação interessante é que mesmo na versão Standard você poderá criar diversas contas de e-mail para seu domínio.

O programa de e-mail que você acessará é uma espécie de GMail personalizado para o seu domínio. Pode pode optar pelo acesso a ele no browser, que é o mais comum, ou até mesmo configurar seu programa de gerenciamento de e-mail (como o Outlook ou o Windows Mail) para utilizá-lo.

Se você desejar, pode realizar inclusive a compra de um domínio internacional pelo Google Apps. Mas, vou assumir neste tutorial que você já tenha o seu domínio e irá apenas configurar o uso de e-mail no Google Apps.

 

Realizando seu cadastro

O cadastro na ferramenta é simples:

1. Acesse http://www.google.com/apps/intl/pt-BR/group/index.html.

2. Clique no botão “Primeiros Passos”.

3. Deixe selecionada a aba “Desejo usar um nome de domínio existente”. Selecione a opção “Administrador” (necessária para iniciar o uso do aplicativo) e preencha o nome de seu domínio, conforme a tela abaixo e clique no botão “Primeiros passos”.

4. Preencha todas as informações solicitadas na tela de “Inscrição” e clique em “Continuar”.

5. Na tela de “Configuração”, você deve criar a conta de administrador dos serviços. O recomendado é que neste passo você crie uma conta com o nome “admin” ou “administrador”. Posteriormente, você criará as contas de usuário. Leia o regulamento e clique em “Aceito. Continuar a configuração”.

Pronto! Agora, você já tem uma conta no Google Apps Standard e será levado ao painel de gerenciamento de todos os seus serviços. Você verá uma tela similar à seguinte:

Perceba que, além do e-mail, você tem direito a uma série de serviços que poderá explorar posteriormente.

 

Confirmando a propriedade de domínio

Antes de utilizar qualquer serviço do Google Apps, você precisa confirmar que o domínio cadastrado na ferramenta é realmente seu. Você verá uma mensagem indicando isso logo abaixo do cabeçalho da tela anterior.

1. Para iniciar a confirmação, basta você clicar no link “Confirmar propriedade de domínio”, logo após a mensagem no cabeçalho.

2. Você será levado a uma tela que lhe dará duas opções para verificar a propriedade:

• Fazer upload de um arquivo HTML – Esta opção é a mais simples para quem tem a opção de colocar um novo arquivo no servidor. Não é o caso de quem possui a conta no Blogger, com domínio direcionado.
• Altere o seu registro CNAME – Esta operação deve ser realizada no Servidor de DNS que você utiliza para seu domínio. Como no artigo Mudando para seu domínio próprio – Parte 2 eu utilizei o EveryDNS, vou mostrar como ficaria a configuração nele.

Atualização 13/12/10: Como o EveryDNS não aceita mais inscrições gratuitas, escrevi o artigo A nova versão do Zone Edit apresentando outra opção.

Atualização 17/01/11: Se você possui um domínio no Registro.br, pode realizar a configuração de DNS no próprio serviço. Veja os detalhes em Como Migrar seu Antigo DNS para o Registro.br.

3. Mantenha a tela anterior aberta. Numa nova tela, acesse http://www.everydns.com (ou o outro servidor de DNS que você já utiliza para seu domínio) e entre com seu usuário e senha desse serviço (ou seja, não é a mesma senha do Google Apps).

4. No painel à esquerda, clique sobre o nome do domínio que está verificando.

5. Na caixa “Add a record”, preencha as informações para criar um novo registro CNAME.
IMPORTANTE: Você deve seguir exatamente as instruções que forem mostradas na tela após selecionar a opção deseja. Os códigos mostrados variam para cada domínio.

Veja que na caixa “Fully Qualified Domain Name” você deve digitar o código mostrado pelo Google Apps seguido do seu domínio (no meu exemplo, googleffffffff846174f1.tdseries.com.br).

6. Ao terminar, clique no botão “Add Record”. A lista de registros ficará similar à abaixo:
IMPORTANTE: Caso você não tenha em sua tabela o segundo registro (tipo A), leia o artigo Seu Domínio Próprio sem o WWW.

7. Volte ao Google Apps e clique no botão “Verificar”, marcado abaixo em vermelho:

Você receberá a informação de que a verificação pode demorar até 48 horas para ser concluída. Normalmente, ela é feita antes disso, em poucos minutos. Para saber se tudo correu bem, basta verificar o “Painel” do Google Apps. Se a opção de confirmação de propriedade não estiver mais lá, significa que tudo correu bem.

 

Ativando seu serviço de e-mail

No painel do Google Apps, você deve ter notado que o serviço de e-mail encontra-se inativo. Antes de começar a utilizá-lo, você precisa ativá-lo.

1. Para iniciar o processo, é só clicar no link “Ativar e-mail” que encontra-se nessa tela.

2. Ao clicar nessa opção, você será levado a uma tela explicando os procedimentos que devem ser realizados em seu servidor DNS (no nosso exemplo, novamente no EveryDNS) para que o e-mail funcione corretamente. A própria página do Google Apps mostra as instruções detalhadas para diversos serviços, inclusive o EveryDNS. Assim, escolha o seu serviço e siga as instruções.

3. Ao final do processo, com todos os registros inseridos, a tabela no EveryDNS ficará como a seguinte:

4. Quando finalizar a configuração, clique no botão “Concluí essas etapas” que fica no final da página de instruções de configuração dos registros MX.

Novamente, você receberá a informação de que a verificação pode demorar até 48 horas. É provável que isso ocorra em bem menos tempo. Quando tudo estiver ok, ao lado do e-mail aparecerá a informação “Ativo”.

 

Criando usuários adicionais

Até agora, você tem apenas seu usuário administrador criado. Ele tem poderes sobre todas as configurações dos serviços e pode ser utilizado também para enviar e receber e-mails. Mas, é uma boa prática você criar outro usuário para trabalhar utilizar no dia a dia. Mesmo na versão Standard do Google Apps, é possível criar até 50 usuários! Isso é simples de ser feito:

1. No Painel, clique na opção “Criar novos usuários”.

2. Na tela seguinte, preencha o nome, sobrenome e nome de usuário desejado. Você pode também definir uma senha para o usuário. Se você mantiver a senha temporária, sua alteração será solicitada no próximo login daquele usuário. Ao final, clique no botão “Criar novo usuário”.

 

Acessando seu e-mail

Pronto! Agora, todas as suas configurações estão concluídas e você pode finalmente começar a utilizar o seu novo e-mail. O endereço de acesso a ele será mostrado no painel, logo abaixo do botão e-mail e será algo similar a http://mail.google.com/a/seudominio.com.br. Para acessar o e-mail, basta digitar seu nome de usuário e senha.

 

A configuração é um pouco complicada, mas só precisa ser feita uma vez. A partir de agora, você pode adicionar quantos usuários de e-mail você quiser – isso é muito útil para blogs que tenham mais de um autor, por exemplo – e até mesmo personalizar a página de exibição do e-mail com seu logotipo. Pode também explorar as demais ferramentas oferecidas gratuitamente com o Google Apps.

Mas, se você quer utilizar o Google Apps e o achou complicado demais, contate a Hospedagem Anual. Trata-se de uma empresa séria que poderá realizar toda a configuração para você.