Imagens de perfil nos comentários

Programa de Afiliados Clickmagic

Imagens de perfil nos comentários

Colocar imagens de perfil nos comentários no blogger é muito fácil e qualquer um pode fazer. É um recurso interessante, pois personaliza o seu relacionamento com seus leitores. Através desta configuração, toda vez que algum leitor fizer um comentário em seu blog a imagem do perfil do seu leitor será exibida ao lado do comentário.

imagem-perfil


Imagens de perfil nos comentários – Quem não possuir imagem?

Uma vez que você configurou seu blog para exibir imagens de perfil nos comentários, alguns casos pode ficar a imagem com o logotipo do blogger no local da foto. Isto se deve ao fato de que o leitor não postou sua foto no seu perfil do blogger / google. Em alguns casos isto pode ocorrer. Para quem ainda não sabe de qualquer recurso estamos falando, abaixo um exemplo:


Imagens de perfil nos comentarios


Imagens de perfil nos comentários – Contas novas

Para quem acabou de criar seu blog na plataforma blogger, é mais prático pois não necessita de alterações no fonte do blog. Para fazer esta configuração acesse o menu Configurações – Comentários dentro de sua conta no blogger. 

Nesta janela, você encontrará a opção Mostrar Imagens de perfil nos comentários, mude esta opção para SIM e teste em seu blog se houve resultado. Caso não houver nenhuma alteração, será necessário então alterar o código fonte de seu blog conforme o próximo tópico.





Imagens de perfil nos comentários – Alterações no fonte

Caso seu blog ainda não tenha exibido as imagens de perfil nos comentários conforme a configuração do tópico acima, acesse Layout – Editar HTML e em seguida clique em Expandir modelos de widgets. Nunca se esqueça que antes de realizar alterações no fonte de seu blog recomenda-se sempre fazer um backup do mesmo. Agora procure um trecho de código igual ou semelhante ao que segue abaixo. Para isso, você pode utilizar a busca do navegador Ctrl+F.



         <data:post.numComments/> <data:commentLabelPlural/>:         </b:if>       </h4>

      <dl id='comments-block'>         <b:loop values='data:post.comments' var='comment'>         <div class='comment'>           <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>             <a expr:name='&quot;comment-&quot; + data:comment.id'/>             <b:include data='comment' name='commentDeleteIcon'/>             <b:if cond='data:comment.authorUrl'>               <a expr:href='data:comment.authorUrl' rel='nofollow'><b><data:comment.author/></b></a>             <b:else/>               <b><data:comment.author/></b>             </b:if>             <p><data:comment.timestamp/></p>           </dt>           <dd class='comment-body'>             <b:if cond='data:comment.isDeleted'>               <span class='deleted-comment'><data:comment.body/></span>             <b:else/>               <p><data:comment.body/></p>             </b:if>           </dd>           </div>         </b:loop>       </dl>

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'>

 

Repare que no código acima existem duas áreas em vermelho e no interior das mesmas um código fonte. Para colocar imagens de perfil nos comentários você deverá substituir o código que esta entre esses dois códigos em vermelho, conforme o código abaixo


<!-- Inicio do codigo -->

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>   <b:loop values='data:post.comments' var='comment'>

<div class='comment'>

    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>       <b:if cond='data:comment.favicon'>         <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>       </b:if>       <a expr:name='data:comment.anchorName'/>       <b:if cond='data:blog.enabledCommentProfileImages'>         <data:comment.authorAvatarImage/>       </b:if>       <b:if cond='data:comment.authorUrl'>         <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>       <b:else/>         <data:comment.author/>       </b:if>       <data:commentPostedByMsg/>     </dt>     <dd class='comment-body'>       <b:if cond='data:comment.isDeleted'>         <span class='deleted-comment'><data:comment.body/></span>       <b:else/>         <p><data:comment.body/></p>       </b:if>     </dd> <dd class='comment-footer'>   <span class='comment-timestamp'>     <a expr:href='data:comment.url' title='comment permalink'>       <data:comment.timestamp/>     </a>     <b:include data='comment' name='commentDeleteIcon'/>   </span> </dd>

</div>

  </b:loop> </dl>

<!-- Final do codigo -->

 

Basta clicar no botão Salvar Modelo e verificar se a alteração funcionou em seu blog.

Um abraço e até a próxima!





Minha foto
Pós-graduado em Sistemas de Informação e Banco de dados, atualmente atua com consultoria em sistemas, SEO e marketing digital. Amante por blogs, é responsável pela administração do blog Publicidade na web.

0 comentários:

Postar um comentário

 

Canais do blog


assine o feed


siga no Twitter


Postagens

acompanhe

Comentários

comente também