Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1474200475
Vida do cache: 1475496474
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Comentários layouts

Emoticons nos comentários

Encontrei um script muito bom, para adicionar emoticons nos comentários do seu blogger.
Muito simples e funciona direitinho. Já estou até usando aqui no Códigos Blog.
Siga abaixo o tutorial e coloque no seu blog.
Antes de tudo é aconselhável que faça backup do seu template, toda vez que for modificar algo, por segurança.
Vamos ao tutorial:

1º – Faça login no Blogger, entre em: “Layout” -> “Editar HTML”.

2º – Marque a caixa: “Expandir modelos de widgets”.

3º – Procure (Ctrl + F):

 <p class='comment-footer'>

É possível que tenha mais de um tag desse no seu template, então escolha o SEGUNDO tag <p class='comment-footer'>

4º - Selecione todo código do seu template que está dessa forma:

<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>

4º - Substitua por isso:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/21.gif' width='18'/> :))
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/4.gif' width='18'/> :D
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/10.gif' width='18'/> :p
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/20.gif' width='22'/> :((
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/1.gif' width='18'/> :)
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/2.gif' width='18'/> :(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/8.gif' width='18'/> :X
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/12.gif' width='18'/> =((
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/22.gif' width='18'/> :|
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/14.gif' width='34'/> x(
<img border='0' height='18' src='http://codigosblog.net/servidor/emoticons/img/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

5º - Teste, se não teve nenhuma modificação no template, salve!

6º - Agora procure:

</body> 

ANTES desse código cole isso:

<script src='http://codigosblog.net/servidor/emoticons/smiley.js' type='text/javascript'/> 

7º - Salve!
Agora quando alguem for comentar vai aparecer a opção de adicionar Emoticons.
Exemplo:

Espero que gostem.
Achei esse tutorial em vários blogs e sites, sem nenhum crédito, então não tem como eu colocar os créditos do autor. Se alguem descobrir me avise.
Abraços.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

152 Comentários

  1. Karina disse:

    o meu num vai.. o ki ta acontecendo? :'(

    🙁

  2. Ana disse:

    eu não consigo…!!!!!!!!!!!!!!! expliquem melhor

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.