quarta-feira, 28 de setembro de 2011

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:


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



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!

8 comentários:

  1. Olha que boa surpresa!
    Um site cor de rosa num nicho de atuação semelhante ao meu!
    Estou muito feliz, pois não é muito comum encontrar conteúdo parecido fora dos terninhos azuis e dos conteúdos masculinos sobre o nicho.
    Meus parabéns,
    Pode imprimir a carteirinha, virei fã!

    ResponderExcluir
  2. Oi André! :6 Obrigada! O seu blog é maravilhoso, encontrei muitas informações interessantes nele. Indico o www.ajudalivre.com para todo mundo, pois tem informações que todos os usuários da internet devem saber. Sou sua fiel leitora! :7 Abraço!

    ResponderExcluir
  3. Quem fica maravilhado sou eu, por encontrar mais uma pessoa interessada neste nicho, pode se poupar muitos reais estando atento ao que o mundo www pode oferecer.
    Obrigado pela atenção dispensada às minhas linhas e por pessoas assim que dedico tempo e esforço em oferecer o melhor!
    Abraços!

    ResponderExcluir
  4. Que bom que existem pessoas como você pela internet André. Ajudando os internautas gratuitamente. Desejo ainda mais sucesso para seu site! :023

    ResponderExcluir
  5. Adorei as novidades!!! Muito interessante!!!
    Aproveito para retribuir o carinho em minha página!!!

    Abraços!

    ResponderExcluir
  6. Oi Aline! Obrigada pela visita :5 Sempre que tiver tempo passarei lá, seu blog é muito lindo. :013 Beijos!

    ResponderExcluir
  7. Hahaha, super interessante, dessa eu não sabia!

    ResponderExcluir
  8. Oi Valéria! :1
    É verdade, eles deixam o seus comentários mais animados e atrativos! Obrigada pelo comentário.
    :023

    ResponderExcluir

Comente! Deixe sua opinião ou dúvida. Eu responderei assim que eu ver! Obrigada pela visita.

* Para colocar um emoticon, basta colocar o código dele, ao publicar o comentário ele aparecerá.

OBS: Os comentários são moderados. Só publicarei seu comentário depois de ler.
Fico feliz pela sua participação!

Related Posts Plugin for WordPress, Blogger...