Personalizar ícone para recomendar artigo por email

Tenho recebido muitas solicitações para verificar porque o ícone para recomendar postagens por email sumiu de alguns templates. Descobri que este problema só ocorre nos templates XML mais antigos, onde havia um bug. O que já foi corrigido nas versões mais recentes dos templates padrão do Blogger.

Antes de mais nada, verifique nas configurações do seu blogue dentro do painel de controle, se essa opção está ativa. Procure pelo campo abaixo e certifique-se que a opção de Exibir o link Enviar esta postagem está marcada como Sim:

Depois entre na edição HTML do template e marque expandir modelos de widgets. Nunca é demais lembrar que nesse ponto é importante baixar o modelo completo do seu template, também conhecido como becape, para prevenir qualquer problema.

Feito isso, localize a seguinte linha no seu código:

<span class='post-icons'>

Nos templates mais antigos e bugados, onde a imagem não é exibida apesar de ativada, o trecho de código que define o envio das postagens por e-mail é o seguinte:

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'>&#160;</span>
</a>
</span>
</b:if>

A linha destacada em vermelho acima é o que causa o problema nos templates antigos, que já não existe nos templates novos, onde essa linha foi corrigida pela equipe do Blogger.

Então se o botão para recomendar postagens por email não aparece no seu template, basta substituir a linha destacada em vermelho acima, pela linha em azul abaixo:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/> </a>
</span>
</b:if>

Mas você pode preferir usar uma imagem exclusiva e não a imagem padronizada fornecida pela equipe do Blogspot ( ). Neste caso hospede a imagem que desejar e substitua a linha referente a imagem no código, conforme o exemplo abaixo:

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img src='CAMINHO_DA_SUA_IMAGEM/Mail.png'/>
</a>
</span>
</b:if>

Visualize, se estiver tudo ok, salve e está pronto!