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.
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]
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.
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.
3º passo:
Entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pela tag ]]></b:skin>
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!
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: