Ao ler os comentários de uma postagem onde eles são em grande número, facilita bastante a nossa vida ao sabermos quais são os comentários do moderador ou do autor dessa postagem, principalmente quando ele gosta de discutir sobre o assunto com as pessoas que comentam. Com os passos abaixo, você que já usa o Disqus poderá inserir esse recurso em seu blog ou site:

Passo 1. Faça login no Disqus e selecione o site vinculado;

Passo 2. Clique em Settings > Customize:

Passo 3. Localize a caixa de edição de CSS no formulário. Caso você ainda não tenha utilizado nenhuma edição de estilo CSS, ela estará em branco, como na imagem abaixo:

Passo 4. Insira o seu CSS customizado. Não iremos entrar em detalhes sobre estilos CSS nesse tutorial, mas os exemplos que utilizaremos serão o suficiente para você conseguir destacar os comentários do moderador. Você deverá inserir os três estilos abaixo dentro da caixa de CSS:

Cabeçalho (header):

#dsq-content .dsq-moderator .dsq-comment-header {
background-color:#CEE3F6 !important;
background-image:none !important;
border:1px solid #58ACFA;
}

Corpo (body):

#dsq-content .dsq-moderator .dsq-comment-body{
background-color:#CEE3F6 !important;
background-image:none !important;
}

Por fim, área de comentário do moderador:

#dsq-content .dsq-moderator{
background-color:#yellow !important;
background-image:none !important;
}

Passo 5. Agora, basta salvar e visualizar os comentários do autor destacados dentro do seu site. Você pode modificar as cores alterando a cor definida nas tags “background-color”;

Passo 6. Caso queira destacar os comentários do autor ao invés do moderador, basta alterar onde está .dsq-moderator para .dsq-special. Se quiser alterar os dois, você deverá inserir os três estilos acima duas vezes, uma utilizando .dsq-moderator, e outra utilizando .dsq-special;

Passo 7. Concluídos esses passos, salve, recarregue o site onde está inserido o Disqus e veja como ficou.