Colocando Responder nos comentários do blog

Colocar a opção responder aos comentários no seu blog pode ser uma maneira de incentivar o debate no seu blog e com isso aumentar o numero de comentários no blog. Além disso, fica bem mais simples responder a perguntas ou opiniões dos leitores. E o melhor de tudo colocar esse código de resposta aos comentários é bem fácil de fazer.

Entre no painel do blogger Modelo, aqui vamos aproveitar para copiar a ID do blog isso é a identificação da sua pagina no blogger, deve estar mais ou menos assim:

http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXXXXX#template

Você deve copiar os números que aparecem após blogID= que usaremos a seguir, agora clique em editar HTML e marque a opção expandir modelos de widgets e procure por uma das linhas no seu HTML (utilize o ctrl+F para achar):

<dd class='comment-footer'>
<data:comment.author/>
<data:commentPostedByMsg/>

Você deve achar apenas uma delas nós mostramos varias porque isso é diferente conforme o template que estiver usando no seu blog. Então quando achar uma das linhas que citamos coloque esse código logo abaixo dela:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=XXXXXXXXXXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Responder comentário]</a></span><br/> 

Coloque o numero do ID do seu blog no local indicado e clique para salvar as alterações no seu template. Você pode trocar o texto responder comentário por qualquer outro que desejar. Além disso, se quiser dar uma formatação especial no texto é só criar um estilo CSS com o nome comment-reply e colocar no inicio do seu HTML antes de body {..... }, deste jeito: 
. comment-reply a{font-size:120%}
. comment-reply a:hover{color:#000}

#Compartilhar :

Tweet

Postagens Relacionadas