Neste post, vamos ver como colocar uma caixa para subscrição de feeds no seu blog, onde seus usuários possam inserir um endereço de e-mail e assinar o recebimento de atualizações de seu conteudo. Usaremos o serviço de alimentação e distribuição de RSS Feeds do Google, o Feedburner. Saiba mais…

Contando que você já tenha um endereço de feeds cadastrado no Feedburner, entre na sua página inicial do Feedburner, depois clique no título do seu feed, conforme a figura.

 Obs: Caso não tenha um endereço de feeds redirecionado com o feedburner, aguarde um próximo post sobre o tema, onde estarei mostrando como cadastrar um enderço d efeeds no Feedburner.

Aba Publicize

Bom, de dentro do feed do seu site cadastrado clique “Publicize”(Divulgar)!

logo abaixo, à esquerda, você verá a opção “Email Subscriptions”, e é nela que vamos mexer, então clique nela. Veja o destaque na ilustração a seguir.

A vantagem de ter uma caixa dessas no seu blog é óbvia: mais assinates significa mais pessoas recebendo e lendo seu conteudo. E como consequência, mais visitantes virão para seu blog, o que pode significar mais tráfego e conversão.

Voltando ao tutorial, após clicar em “Email Subscriptions”, você verá no centro da página o título:

“Subscription Management”.

A primeira coisa a fazer é alterar a linguagem de Inglês para Português, na caixinha indicada na figura aqui.

Após alterar o idioma, você vai marcar o quadrinho “Send me an e-mail whenever…” para que você seja notificado por e-mail quando alguém assinar seu feed, legal.

Após isso não esqueça de SALVAR suas configuirações clicando no botão “Save” no fim da página. É normal após clicar no botão Salvar o idioma voltar para Inglês.

Copiando o código para inserir no blog

Bom, tendo feito tudo, selecione e copie o código a seguir e cole no local onde deseja que apareça sua caixa de assinatura de feeds por e-mail no seu blog:

 Agora que você gerou e colou o snippet de código no HTML do seu blog, ajuste o tamanho cor e outros detalhes, personalizando sua caixa de feeds como lhe apraz!

Dicas de personalização da caixa:

1. Onde está escrito “Subscribe” no código (Exemplo: value=”Subscribe”) você pode alterar por “Assinar feeds!” ou Inscreva grátis”, etc. este valor deve permanecer entre aspas, ok?
2. Onde tem isso: <p>Enter your email address:</p> você pode pôr algo como “Digite seu e-mail:”, ou “Insira seu endereço para receber feeds”, etc; Mantenha as tags HTML de parágrafos…
3. Na linha do CSS você pode alterar o BORDER 1px, para 2px ou 3px como queira. O tipo de borda onde é SOLID para “dashed, inset, outset, dotted ou groove”, por exemplo. A cor da borda #ccc pode ser mudada para outro código CSS de cor que você desejar também;
4. Para alterar a largura e altura da caixa mude insira as propriedas e os valores de width:200px; height:150px;. Onde ‘width’ é largura e ‘height’ é altura. Essa parte de vermelho deve ser inserida na 1ª linha de CSS que aparece no código;
5. Para alterar o tamanho da caixa onde se digita o endereço modifique esse valor:  style=”width: 140px“. Onde width é a largura do input(caixa de entrada de texto);
6. Veja um exemplo de uma caixa dessas  que tenho em outro blog meu aqui! (no rodapé)