Como colocar assinatura no blog

Recentemente coloquei um pop-under (ou caixa de mensagem flutuante) aqui em meu blog pedindo que meus leitores assinassem meu feed por email. O resultado tem sido muito bom, o que antes quase não conseguia assinantes de feed por email, agora tenho conseguido um aumento constante. Este é um recurso simples de fazer no blogger e que traz um resultado satisfatório.

Para colocar basta seguir as seguintes etapas:

1) Acesse o painel do Blogger

2) Vá em Layout-> Editar HTML

3) Procure pelo código abaixo utilizando as teclas CTRL e F (Pesquisa):

</head>

Antes deste código acima insira o seguinte:

<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
// Carrega jQuery
google.load("jquery", "1.3");
google.setOnLoadCallback(function() {
$(document).ready(function()
{
//primeiro slide para baixo e pisca a caixa de mensagem
    $("#caixa").animate({
        bottom: "-1px"
      }, 2500
).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
//Fechar a caixa de mensagem quando a imagem da cruz é clicada
   $("#fechar_mensagem").click(function()
    {
       $("#caixa").fadeOut("slow");
    });
});
});
</script>

4) Agora procure o seguinte código:

<body>

Abaixo desta tag insira o seguinte:

<div class='mensagem' id='caixa'>
<img id='fechar_mensagem' src=’http://arquivos.noticiaeblog.com/fecha.png' style='float:right;cursor:pointer'/>
<b>Minha Mensagem</b>
<p>Teste da caixa de mensagem flutuante para Blogger</p>
</div>

Mude o trecho “Minha Mensagem” e “Teste da caixa de mensagem flutuantes para Blogger” para o texto que desejar.

5) Procure pelo seguinte trecho:

]]></b:skin>

Antes do trecho acima insira:

.mensagem{
    border:1px solid #CCCCCC;
    position:fixed;
    width:150px;
    border:1px solid #c93;
    background:#ffc;
    padding:5px;
    right:2px;
    bottom:25px;
}

6) Salve as alterações

Obs. : Para transformar a caixa em um local para assinatura de Feed/RSS, basta substituir o trecho em vermelho do passo 4 pelo seguinte:

<b>Assine o Feed</b>
<p>Gostou? Então acompanhe nosso blog!</p>
<p><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=publicidade-na-web', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Digite seu e-mail:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='Noticiaeblog'/><input name='loc' type='hidden' value='pt_BR'/><input type='submit' value='Assinar'/></form></p>

Atenção altere o trecho em vermelho pelo seu nome de Feed e também a mensagem, se não sabe veja o exemplo a seguir.

Endereço de Feed: http://feeds.feedburner.com/blogspot/publicidade-na-web

Nome de Feed: publicidade-na-web

Obs: Este recurso foi aprendido com o blog Noticia e blog.

Gostou? Então siga-nos!

Adriano Luz: Pós-graduado em Sistemas de Informação e Banco de dados, atualmente atua com consultoria em sistemas, SEO e marketing digital. Amante por blogs, é responsável pela administração do blog Publicidade na web.

Postado em: Blogger / Blogspot

4 comentários:

Vitor Maciel disse...: EU nao consegui =´[; 4 de março de 2011 07:44
Vitor Maciel disse...: Dar error no HTML. Tem como você me explicar?; 4 de março de 2011 07:45
Tom Download disse...: Cara não conseguir colocar em meu blog o omeudownload.blogspot.com não! Da pra você explicar melhor?; 7 de setembro de 2011 13:40
disse...: isso é uma praga; 17 de setembro de 2011 08:13