Tutorial - Emoticons nos comentários do blog.

Ensinarei aqui uma maneira de você colocar emoticons nos comentários do seu blogger, assim como você vê no meu. Para isso, deixei os scripts prontos com emoticons da Red Fox do MSN, que você já deve conhecer. Você pode usar esse script, todavia, você pode personalizar o seu e mudar os emoticons para deixar a cara do seu blog.

É assim que irá ficar! Clique para ampliar a imagem.

• Você pode encontrar outros emoticons neste site:

AniKaos

• Para fazer o upload das imagens (colocar na web):

PhotoBucket

Antes de tudo, certifique-se que em seu blog os comentários estejam incorporados à postagem. Assim:

No Painel do Blogger vá em: Configurações>Comentátios

Deixe como na imagem acima.

1) Agora vamos começar! Antes de modificar seu template, recomendo que baixe-o e deixe uma cópia em seu computador, caso algo dê errado, ele poderá voltar a como era antes.

Vá em Design e Editar HTML. Clique em Expandir Modelo e procure na página (Ctrl + F) por isso:

<p class='comment-footer'>

Se você apertar "Enter" novamente e achar outra tag " <p class='comment-footer'> ", escolha a segunda. O meu tinha 2, então estou avisando logo.


2) Encontre no seu template esse código e selecione-o:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

3) Deixe assim. Agora vamos trabalhar no script novo que vai ficar no lugar do código acima.

Baixe o script aqui: Script 01

Depois de baixar, abra o arquivo e descompacte. Abra o código do bloco de notas. Você verá o script abaixo:

Clique para ampliar. Se for modificar seus emoticons, modifique APENAS onde estou indicando. Quando terminar de modificar, aperte Ctrl+A (selecionar tudo) e Ctrl+C (copiar).

4) Vá para o template do seu blog na parte que você selecionou e dê um Ctrl+V. O novo script tomará o lugar do antigo! Salve as alterações.

5) Ainda não acabou! Falta a segunda parte do script. No seu template, procure (Ctrl+F) por:

</body>

Antes dele você colocará um novo script. Baixe-o e depois abra: Script 02

Clique para ampliar. Caso você tenha modificado algo no Script 01, terá de modificar aqui também. Siga as instruções de vermelho.

Quando o Script 02 estiver pronto, faça o mesmo procedimento: Ctrl+A, depois, Ctrl+C e vá para o template do seu blogger. Antes de

</body> 

cole (Ctrl+V) o novo script. Salve e pronto! Vá em qualquer post seu e faça um teste!

Espero que dê certo no seu também. Se tiver dúvidas, é só comentar.
Se não gostar do meu jeito de ensinar tente usar esse outro tutorial:
Eu aprendi no site Códigos Blog
Ele é ótimo, tem muitas dicas nele!