Viu que, por regra, os avatares só serão visíveis para aqueles usuários que comentam no seu blog, usando perfil do Google. Mas é possível p...

Imagem Personalizada para Comentários OpenID / Anônimos/ Url ou perfis sem foto

Viu que, por regra, os avatares só serão visíveis para aqueles usuários que comentam no seu blog, usando perfil do Google.
Mas é possível personalizar uma imagem padrão para que apareça também quando comentados usando o OpenID, ou para comentários anônimos.
[alerta]
Atenção: O sistema de comentários do Blogger mudou! A eficácia da dica aqui apresentada não se aplica ao novo sistema de comentários.[/alerta]
Neste tutorial você vai aprender a incluir uma imagem padrão para os comentários que não forem assinados usando conta google, onde aparecerá uma mesma imagem para todos os comentários anônimos ou com OpenID.
Atenção: para utilizar este recurso, primeiramente você deve ter ativado o avatar nos comentários em seu blog. Caso ainda não tenha, ative-o seguindo este tutorial.
2º passo:
Você deve escolher uma imagem no tamanho 36×36 para utilizar, uma boa sugestão, use uma imagem icone padrão do blogger.
Segue abaixo uma imagem modelo, para que você possa tomar como base as medidas.
Salve a imagem abaixo em seu pc e hospede-a no seu site favorito. Depois de hospedada, guarde a url da imagem pois você irá precisar dela para incluir no código.
(Clique na imagem para ampliá-la e salve no seu pc)
ícone Blogger
3º passo:
Entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pela tag ]]></b:skin>
e cole ACIMA dela:

.avatar-image-container img {
background: url(URL-DA-SUA-IMAGEM) no-repeat center;
float:none;
}
.avatar-image-container {
background: url(URL-DA-SUA-IMAGEM) no-repeat;
}
.avatar-image-container.avatar-stock img {
display:none;
}
Salve e pronto!
Não se esqueça que a imagem acima é apenas um modelo, você pode usar a imagem que quiser, desde que ela tenha um tamanho máximo de 36×36 e lembre-se de incluir o endereço da sua imagem no local destacado em vermelho!
Agora toda vez que alguém comentar em seu blog , como anônimo ou usando OpenID, vai aparecer uma imagem personalizada, padronizando e melhorando mais a aparência da sua área de comentários.

0 comentários: