Substituir "Postar Comentário" por imagem

Oi gente! 
Mais uma vez trago pra vocês um tutorial super simples e que deixa o seu blog mais a sua cara.
Há duas maneiras de se fazer, depende do seu modelo. Vou ensinar os dois jeitos, se um não der tente o outro.
Lembrando que antes de tudo você deve criar a imagem e hospedá-la na internet. Se não souber usa alguma das imagens abaixo.

        

OBS: Somente a primeira imagem é de minha autoria. As outras encontrei na internet.

Agora vamos ao tutorial. Clique em leia mais.

1º Modo

Vá em no HTML do blog e procure pelo trecho abaixo:

<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data: post.addCommentOnclick'><data:postCommentMsg/></a> </p>

Substitua a parte destacada por:

<img src="url da imagem"/>

Depois substitua a parte destacada pelo url da imagem escolhida.

2º Modo

Este é se caso você não encontre o trecho do primeiro modo.
Neste caso, procure pelo código abaixo.

<div class='comment-form'>     <a name='comment-form'/>     <h4 id='comment-post-message'><data:postCommentMsg/></h4>     <p><data:blogCommentMessage/></p>     <data:blogTeamBlogMessage/>

Substitua a parte destacada por:

<img src="url da imagem"/>

Depois substitua a parte destacada pelo url da imagem escolhida.


Observação importante: Caso nenhum dos modos dê certo, substitua todos os códigos que você encontrar,  desses  aqui <data:postCommentMsg/>e <data:blogCommentMessage/> pelo código da imagem <img src="url da imagem"/>

Espero que tenha sido útil. Beijinhos