Newsletter? Até tentei.. mas tive surpresas

 

Recentemente, embarquei na jornada de criar uma newsletter para os inscritos do meu blog. A ideia era simples: manter meus leitores atualizados e engajados com o conteúdo que eu amo criar. Durante minha pesquisa na internet, encontrei um site que prometia facilitar a adição de uma caixa de assinatura de newsletter no Blogger. O serviço, aparentemente oferecido pelo Google, parecia ser a solução perfeita.

Empolgado com a descoberta, implementei rapidamente o código-fonte no meu site. No entanto, o resultado não foi o esperado. A caixa de assinatura não tinha o visual e a funcionalidade que eu desejava. Decidi, então, personalizar o código para adequá-lo ao estilo do meu blog.

<style>

#sub-box {

    background: -moz-linear-gradient(top, #333, #1a2638);

    background: -webkit-linear-gradient(top, #333, #1a2638);

    background: linear-gradient(to bottom, #333, #1a2638);

    border: 1px solid #1A2638;

    border-radius: 10px;

    margin-bottom: 10px;

    padding: 10px;

    text-align: center;

}

#sub-box h1 {

    margin-top: 5px;

    color: #fff;

    font-family: 'Fira Sans', sans-serif;

    font-size: 18px;

    margin-bottom: 5px;

    padding: 0;

    line-height: 35px;

}

#sub-box input {

    background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF);

    background: -webkit-linear-gradient(center top, #FFFFFF, #EFEFEF);

    background: linear-gradient(to bottom, #FFFFFF, #EFEFEF);

    border-radius: 10px;

    font-size: 14px;

    padding: 10px;

    text-shadow: 1px 1px 0 #FFF;

    width: 280px;

    color: #666;

    font-family: 'Fira Sans', sans-serif;

    margin-bottom: 5px;

}

#sub-box .submit {

    background: #000;

    color: #FFF;

    cursor: pointer;

    font-weight: bold;

    margin-left: 20px;

    width: 120px;

    font-family: 'Fira Sans', sans-serif;

    margin-left: 5px;

    border: none;

}

#sub-box .submit:hover {

    background: #333;

}

#sub-box .submit:active {

    background: #333;

}

</style>

<b:if cond='data:blog.pageType == "item"'>

<div id='sub-box' style="text-align: center;">

    <h1>Receba nossas atualizações:</h1>

    <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("https://feedburner.google.com/fb/a/mailverify?uri=maikantoniolima/vnw4koswwkc", "popupwindow", "scrollbars=yes,width=550,height=520");return true' target='popupwindow'>

        <input name='email' onblur='if (this.value == "") {this.value = "Escreva aqui seu e-mail...";}' onfocus='if (this.value == "Escreva aqui seu e-mail...") {this.value = "";}' size='30' type='text' value='Escreva aqui seu e-mail...'/>

        <input name='uri' type='hidden' value='maikantoniolima/vnw4koswwkc'/>

        <input name='loc' type='hidden' value='pt_BR'/>

        <input class='submit' type='submit' value='Inscrever'/>

    </form>

</div>

</b:if>{codeBox}

Mas, como em muitas histórias de tentativa e erro, houve uma reviravolta. 

Após todo o esforço de personalização, descobri que o serviço do Google havia sido descontinuado. Foi uma surpresa, para dizer o mínimo, mas também uma lição valiosa: sempre teste antes de implementar ou gastar energia com código-fonte.

Essa experiência me ensinou a importância de verificar a viabilidade e o suporte contínuo dos serviços online antes de integrá-los ao meu trabalho. Embora o serviço que eu queria usar não esteja mais disponível, o aprendizado permanece. Agora, estou explorando outras opções para criar uma newsletter eficaz e estou ansioso para compartilhar essa nova fase com meus leitores.

Receba nossas atualizações

* obrigatório

Endereço de e-mail * Seu melhor e-mail