quinta-feira, 29 de abril de 2010

Avatar padrão em perfis que não possuem fotos nos comentários - Blogger

Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.

O recurso pouco novo ao Blogger, que permite adicionar avatares aos comentários do Blogger, é usado por boa parte dos templates, por ser ótimo e melhorar bastante o layout do Blog. Porém, alguns perfis do Blogger não possuem foto, e não poderá ser exibido um avatar no comentário do Blog. Com este hack, é possível padronizar os avatares que não possuírem foto, ou seja, escolher uma imagem específica para ser exibida quando não houver foto no perfil do comentarista.

Este hack pode otimizar os comentários de seu Blog, por padronizar avatares dos perfis que não possuem imagem. Se o seu Blog ainda não possui avatares nos comentários, recomendo que ative este recurso, ele pode otimizar o layout de seu Blog.
   -> Exibindo avatar/foto nos comentários do Blogger

A imagem poderá ficar a sua escolha, mas já disponibilizo uma simples imagem para adicionar nos avatares sem foto. Este hack não necessitará de modificação no código-fonte, e sim de uma adição. Não será necessário fazer o backup de seu Blog, por ser fácil reparar qualquer erro que aconteça depois. Se você já inclui o hack de avatar nos comentários do Blogger, já poderá padronizar os perfis sem imagem. Acesse o painel do Blogger, e vá em Layout -> Editar HTML -> Pressione CTRL + F e procure pela seguinte tag:

]]></b:skin>

Adicione acima desta tag, o seguinte código:

.avatar-image-container {background:url(URL_DA_IMAGEM); width:35px;height:35px; }
.avatar-image-container img { border:none;}

Substitua URL_DA_IMAGEM pelo link da imagem que deseja adicionar. Caso não encontre uma boa imagem, recomenda esta: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMDd_rgyhMsunNAiC1gBLDANmqcRJdRMIUWjLiIeyJ1uQ3BGFeSQ18Muls7qze-PNjVjsjtmsXfoowj4WccgCcCJ8RdHzdTuhEJjOs-dtkpwZxuJoabUvax7bVVSVjHRgxEAHYaokhfw/s400/default.gif
Copie este link e cole-o no código. Após isso, verifique se os comentários de perfis sem imagem já estão padronizados. Qualquer erro que ocorrer, basta remover o código e seguir os procedimentos novamente.

1 Comentário:

Bruna T. Marques disse...
Este comentário foi removido pelo autor.

Postar um comentário

-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;

Se preferir, fale conosco pela página de CONTATO.

Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.

Perfil

Sou Vinicius Chargel, criador e administrador do Desenvolvimento Blogger. Estudante, Twitteiro e Blogueiro. Atua na internet desde 2006, mas começou a criar blogs apenas à 1,5 anos atrás. Nascido em 1997.

Contadores/Estatísticas

Creative Commons License

Contribua com este blog!


  ©Desenvolvimento Blogger - Todos os direitos reservados.

Template by Dicas Blogger | Topo