..."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."
E agora
você ira procurar
no código do seu
template
o
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='"comment-author " + 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."
0 Comentários
Mensagem do formulário de comentário: