Pesquisar

Mostrando postagens com marcador comentaristas. Mostrar todas as postagens
Mostrando postagens com marcador comentaristas. Mostrar todas as postagens

Saiba Como..."Como exibir os avatares dos comentaristas do blogger"


Saiba Como...

...exibir os avatares dos comentaristas 

do blogger


..."outra novidade lançada para os blogueiros que optaram em usar plataforma do blogger é expor as imagens ou melhor dizendo os avatares dos seus comentaristas, e como é comum no wordpress, em pelo menos noventa por cento dos templates do wordpress já vem com esse recurso incorporado no layout o blogger não poderia ficar para trás não é verdade, e com isso, em comemoração aos dez anos do blogger disponibilizaram esse recurso, e como eu não poderia deixar de repassar para meus leitores essa façanha estarei fazendo agora o tutorial.
Porém, alguns blogueiros já devem esta usando esse recurso e notaram que a sua caixa de comentários ficaram meio desreguladas e pensando nisso também estarei resolvendo esse pequeno contra tempo."

"Então primeiro é necessário configurar seu blogger, entre logado no seu blogger e click na aba, configurações em seguida em comentários.
"
Depois você irá para a página de configurações dos comentários, então veja a foto abaixo é só clicar em posição do formulário de comentário e marque a opção de abaixo incorporada.

Na mesma página de configuração dos comentários marque a opção de mostrar as imagens do perfil nos comentários.


" Uma vez feita a configuração acima explicada, 
click em layout em qualquer uma das duas opções 
...marcadas em cor  vermelha nas fotos."
 

Click em editar html para ir na página de edição do template.




..." nunca edite ou troque o seu template sem antes salvar o modelo original que você esta usando, pois pode acontecer algum problema e para evitar futuras dores de cabeça basta clicar no ícone indicado nessa foto e salvar."

Vá até o html de seu blog ...



E agora 

você ira procurar 

no código do seu 

template 


código abaixo:

<dl id='comments-block'>
E você irá substituir ele pelo seguinte código:\/

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Após feita a alteração acima, agora você irá procurar por 

esse outro código:

<a expr:name='data:comment.anchorName'/>
E cole abaixo dele ▲

o seguinte código:▼

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.
authorAvatarImage/> </b:if>


Depois das alterações o código deverá ficar assim:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='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>
" Agora você irá Visualizar o seu blog e se tudo estiver certo, salvar."

"  E por fim, caso você note que os comentários do seu blogger ficaram desregulados, você irá procurar pelo seguinte código:
"...


#comments-block {
width: 545px;
float: left;
padding: 0;
margin: 0;

..." lembre-se que essa última alteração você só irá efetuar no seu blogger caso tenha ocorrido algum problema, caso contrario esqueça.
O número destacado em vermelho é o número que corresponde a largura dos caracteres dos comentários, basta colocar o valor que irá conserta o problema do seu layout.
"


fonte e créditos: NewTechSound:





Share:

Seguir por e-mail

Seguidores

Google+ Followers

arquivo

Google+ Badge