Como Adicionar Botão Postar Comentários No Blogger

Hoje irei ensinar Como Adicionar um Botão Postar Comentário Acima dos Comentários. Esse botão serve muito para blogs que recebem muitos comentários. Ele evita que o leitor precise descer até o formulário para postar um comentário. Isso dá mais tráfego aos comentários do blog. Quando fiz isso, pensei em dar um toque mais bonito e mais leve aos comentários simples, eu uso também e me facilita muito quando vou comentar no meu próprio blog, ou responder algum comentário.

Vamos ao Tutorial:
1º - Acesse o Painel do seu blog e clique na guia modelo
2º - Depois clique em Editar HTML e expanda os modelos de widgets.
3º - Segure as teclas CTRL+F e procure por (você encontrará dois resultados, nos referimos ao primeiro):

<b:if cond='data:post.commentPagingRequired'>

4º - E ACIMA dele cole o seguinte código:

<a class='btn-comments' href='#comment-form' style='font-size: 13px;'>POSTAR UM COMENTÁRIO</a><br/><br/>

3º - Segure as teclas CTRL+F e procure por:

]]></b:skin>

4º - E ACIMA dele cole o seguinte código:

.btn-comments {height:18px;color:white !important;background:#0679b8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMW8AzDOOcEo7LTAXODnPePYBMRW6nOUEA6xTRB1I8berR7RjUqzusmrCTF3rTqhyphenhyphenpmHMvOzcw1e3jJRnSPqtsr6ee8WrPMZcWyNvrFVgjULpOPGhoDdqqU8uUyb2lPv-tFtdZqf1n3FA/s1600/btn-comments.jpg) repeat-x;border:1px solid #056599;padding:7px 0 7px 10px;text-decoration:none;outline:none;border-radius:2px;text-shadow:1px 1px 0 black;width:150px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;float:left;width:180px;margin-left:10px;}

5º - Depois clique em Salvar Modelo.

Artigo Original - BlogandoComFacilidade