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!

Comentários

  1. Ótima dica, esse ícone padrão do blogger é bem feio, eu tava querendo mudar ele mesmo.

    abraços

    ResponderExcluir
  2. muito bom, parabéns.

    Ah! visita meu blog aê! :-)

    ResponderExcluir
  3. Olá boa tarde, meu nome é Luis e eu sou da empresa MestreSEO de Otimização de sites e do blog SEODicas.
    Estou fazendo uma pesquisa sobre Posts Patrocinados, por que esse é um ramo que pretendemos investir agora.
    Quanto vocês cobrariam para ter um post de conteúdo nosso no seu blog ?
    Vocês escrevem conteúdo por encomenda ?

    ResponderExcluir
  4. Oi Luis,

    Entre em contato através do formulário para conversarmos melhor a respeito...

    []'s
    Compulsivo

    ResponderExcluir
  5. Adoro os hacks Compulsivos!

    ResponderExcluir
  6. Obrigado pela atenção e empenho na tentativa de solucionar este meu problema. Contudo, segui todas as suas instruções a risca e não consegui solucionar este problema ainda. Só pode ser alguma urucubaca aqui em meu blog. Aparece essa mensagem logo após concluir o procedimento indicado por você:

    “Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The element type "span" must be terminated by the matching end-tag ".

    ;(

    ResponderExcluir
  7. Marcos, só alterando uma linha já dá esse problema? Sugiro que você crie um blogue de testes para tirar suas dúvidas com segurança, sem detonar seu template original.

    []'s
    Compulsivo

    ResponderExcluir
  8. Segui essa dica e funcionou, o botão de enviar apareceu, contudo, o botão de editar postagem, que ficava ao lado sumiu! Se passar o mouse aparece o link, mas ta invisível. Poderia me ajudar nessa Compulsivo? Agradeço.

    ResponderExcluir
  9. Marcos França,

    esta mensagem pode estar aparecendo por três motivos:

    você pode ter esquecido de clicar em expandir os widgets (localizado acima do editor de HTML,

    na hora de copiar e colar, alguma tag (linha de código) pode não ter sido fechada ou

    na hora de copiar e colar, alguma coisa pode ter sido apagada sem querer.

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

O que significa DVDRip, DVDScr, R5, etc?

Descrição aleatória abaixo do título no Blogspot

Nomes de todas as igrejas do Brasil