Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Novo Blogger Vanessa S.

Incluir emoticons animados nos novos comentários do Blogger

Emoticons animados nos novos comentários do blogger. Desde que o Blogger mudou seu sistema de comentários para o sistema Threaded Comments, que várias personalizações relacionadas à área de comentários deixaram de funcionar.
Se você havia instalado o recurso para exibir Emoticons nos Comentários do seu blog, deve ter notado que o script parou de funcionar após a implementação do novo sistema.

Não se preocupe que hoje, você verá como implementar o recurso para adicionar Emoticons animados nos Comentários do seu blog no novo sistema de comentários.

emoticons animados nos novos comentários do Blogger

Demo

[becape]Antes de mais nada, cabe ressaltar que, é sempre bom fazer um backup do seu template, antes de prosseguir, para evitar quaisquer transtornos, caso algo saia errado.[/becape]

Incluir emoticons animados nos novos comentários do Blogger

1º passo: Incluir código CSS

Acesse o painel do Blogger, vá no menu “modelo”, entre na edição HTML do seu template, não precisa marcar a opção “expandir modelos de widgets” e procure pela tag: ]]></b:skin>
e cole o seguinte código logo ACIMA dela:


/* Emoticons comentarios
--------------------------------------------*/
.emoticonsmiley {
    background: none repeat scroll 0 0 #FFFFFF !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
    border:1px solid #333;
}
img.smiley {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

2º passo: Incluir emoticons e símbolos no HTML

Agora vamos incluir os emoticons e seus respectivos símbolos acima do formulário de comentários para que os seus visitantes possam usar cada emoticon.

Acesse o painel do Blogger, vá no menu “modelo”, entre na edição HTML do seu template, clique em “expandir modelos de widgets” e localize a seguinte linha:


<b:include data='post' name='threaded-comment-form'/>

((Veja imagem))

e cole o seguinte código logo ACIMA dela:


<!-- Emoticons Inicio-->
<b:if cond='data:blog.pageType == "item"'>
<div class='emoticonsmiley'>
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='smiley' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
</div>
</b:if><!-- Emoticons fim-->

3º passo: adicionar o javascript

Volte no menu “modelo”, entre na edição HTML do seu template, não precisa marcar a opção “expandir modelos de widgets” copie o código abaixo e cole-o antes de </body>


<!-- Emoticons nos comentarios by http://www.mundoblogger.com.br/ -->
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comment-holder');
if (a) {
	b = a.getElementsByTagName("p");
	for (i = 0; i < b.length; i++) {
		if (b.item(i).getAttribute('CLASS') == 'comment-content') {
			bh_b_smly = b.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/O:-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-bd/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/7:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/2\):\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\)\]/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\(\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\;\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:D/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\;\;-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/7:\P/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/~\X\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-\//gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\/:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:x/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\P/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-\*/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/=\(\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-\S\S/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-\O/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\X\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/B-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\#:-\S/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-S/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:7/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\(:\|/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\|/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/=\)\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-B/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/=\;/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-c/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-h/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-t/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/8-7/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\I-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/8-\|/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\L-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-a/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-\$/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\[-\(/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\O\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/8-\}/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/2:-\P/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/=\P~/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-\?/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/#-o/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/=\D7/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\@-\)/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\^o/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-w/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\X\_\X/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:\!\!/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\\m\//gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:-q/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/\^\#\(\^/gi, "<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif' alt='' class='smiley'/>");
			bh_b_smly = bh_b_smly.replace(/:ar\!/ig, "<img src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif' alt='' class='smiley'/>")
			b.item(i).innerHTML = bh_b_smly;
		}
	}
}

//]]>
</script>
<!-- Fim Emoticons nos comentarios by http://www.mundoblogger.com.br/ -->

Salve!

Nota: Você também pode tentar adicionar o código javascript logo acima de </head> , se preferir.

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

| Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

56 Comentários

  1. Estela disse:

    Oi muito obrigada, você me ajudou e muito!
    Emoticons eu acho muito legais porque dá uma coisa diferente nos comentários, não sei nnem explicar rsrs 🙂
    Beijos!

  2. erjogos disse:

    Para quem não conseguiu o jeito é tentar outro código. Em um template padrão do blogger esse código dá certo, mas em templates muito personalizados como no meu caso, acaba “conflitando” com outros códigos. Eu procurei um tutorial em inglês e deu certo no meu template 🙂

  3. Silmara disse:

    Oi Linda!! seu tuto deu super certo!! Já ta rodando no meu blog! D+ .. Parabéns! Deus t abençoe!!
    meu bloguinho

    bjs!

  4. Lilian disse:

    Foi o único tutorial que fiz e deu certo. Aff! Até que em fim!
    Só queria saber com add mais emoticons no código existente.

  5. Dryka disse:

    Vanessa .Não deu certo,poxa.E vejo muitos em blogs amigos.

    Pode deixar o código de acordo com meu blog?

    Beijinhos

    Dryka

  6. Martika disse:

    Deu muito certo! ADorei! Obrigada! Queria muito essa ferramenta! Bjin

  7. anoniminha disse:

    nao deu certo 🙁

  8. Maria disse:

    Não deu certo

  9. asd disse:

    Como faço para deixar os emoticons visiveis com os codigos ?

  10. Vinícius disse:

    Pra mim não deu certo. Eu fiz tudinho como no post. Até aí tudo bem, os seus emoticons funcionaram, mas daí eu fui mudar o código e as imagens e simplesmente não funciona mais. A imagem ficou na lista de Emoticons, mas nos comentários simplesmente fica só o código, por exemplo =) era pra aparecer um sorriso

  11. Para mim só deu um problema : em alguns emoticons estão sem como se afz ele tipo (:D , 😉 .)

  12. muito bom seu site ,mais uma pergunta ja testei em tres blogs esse seu tutorial
    mais em todos eles os emotions estao bagunçados uns estao sem o codigo e outros ate funcionao, se poder fazer uma visita no meu blog, para ver o que esta errado agradeço,,,ps fis exatamente como esta no seu tutorial obrigado pela atençao Gomes

  13. Mirian disse:

    Nossa quase morri de procurar esses nomezinho, não é fácil não! aff mas consegui!! uhu! sou d+ kkkk

  14. Bia disse:

    poxa, alguns emoticons não funcionam, eles aparecem direitinho na caixinha mas quando digita só aparece as letras normais, sem o minigif…

  15. Bia disse:

    aah agora deu ^^
    eu percebi que depois de cada código tem q salvar, pq se clicar no ”expandir modelos de widgets” sem salvar, o primeiro codigo é apagado

  16. gomes disse:

    nao deu certo no meu blog, repeti por duas vezes e nao deu certo nao aparece os codigos de cada emotion

  17. Gabriel Romes disse:

    Amei o tutorial! Super profissional ^^
    Parabéns! =D7
    Vc poderia fazer um tutorial de como colocar a caixa de comentários que nem o seu ? É incrível!!

  18. Ana lulu disse:

    olha eu coloquei no meu blog de teste ate funcionou mas não aparece os codigos como 🙂 oque deu errado ??

  19. Telma Myrbach disse:

    Eu amo o seu blog!
    Você já passou e muito, do estágio “aspirante”.
    Você é profissional no que faz.
    Muito obrigada pelas dicas
    beijocas

  20. Reanny disse:

    OOOh agora deu certo, eeeeeeeeeeeeeh \o/ *——*

  21. Reanny disse:

    Bem.. eu tentei em um dos meus blogs, não sei se o modelo tem algo haver mas o meu é Marca d’agua, devia aparecer a caixinha com os emoticocons néh? Aqui não apareceu T^T. Tem alguma coisa especificamente que no template que muda de acordo com cada modelo? =/ Se vc tiver algum modelo que me recomenda (EX: Aqueles do Blogger, o Viagem, o Simples…) pode me falar? : http://amaikoiad.blogspot.com.br (Foi no Galeria Amai)

  22. Talita Ackles disse:

    Funcionou em um dos meus blogs, adorei!

  23. paulo disse:

    no meu não funcionou pq ? add tds os cod como nao tutorial

    • Vanessa disse:

      Alguns recursos podem variar de template para template. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.

  24. Ronaldo disse:

    como e que tira essa barra preta eu queria deixar transparente

  25. Roh Chan disse:

    Oie Vanessa tdo bem? Tipo o seu blog foi o único que esse tutorial deu certo, mas eu queria colocar emoticons no lugar daqueles uns mais cutes sabe? Tipo eu olhando no html eu percebi e testei tentei trocar os links das imagens dos emotes, só que na 2ª não deu certo, consegui trocar os emotes mas nos comentários eles saiam com os antigos, então gostaria de saber se vc pode me ajudar a mudar os emotes..

    • Vanessa disse:

      Se vc quiser tentar trocar as imagens terá que trocar no html e no código js tb. Vai dar um um trabalhão danado, mas é por sua conta e risco 😉

  26. M. Fernanda disse:

    Ah, o emoticons estão embaixo, mas não consigo clicar neles e selecioná-los para colocar nos comentários…deu errado então???

    • Vanessa disse:

      Pra vc usar nos comentários é só usar os simbolos referentes a cada emoticon…é que nem se usa no msn.

  27. M. Fernanda disse:

    Não deu certo…não sou nenhuma expert, mas fiz tudinho como vc falou…a cada passo devo ir salvando né? Ou eu só deveria ter salvo tudo no final? Fui ver nos comentários e não vi opções de colocar emoticons…

  28. Bia disse:

    fiz isso num blog de testes, e nao funcionou
    isso tem alguma coisa a ver com o fato de q eu uso sistema de comentarios facebook e blogger ao mesmo tempo ou eu q errei?

  29. Eliel Neto disse:

    Nessa você poderia fazer um post sobre como adicionar os comentários do facebook e do blogger ao mesmo tempo nos Threaded Comments?

  30. Vanda disse:

    Bom dia Vanessa, esse gadget de redes sociais está lindo, seria muito pedir o tutorial?

    Agradeço muito =))
    Abração.

    • Vanessa disse:

      Já recebi vários pedidos sobre isso, já estou fazendo uma adaptação do wp para o blogger e preparando um tutorial para publicar. Em breve estará no ar 😉

  31. Ótimo tutorial. Valeu!

  32. Debora Alves disse:

    Olá, Vanessa!
    obrigada pela dica! adorei! já coloquei no meu blog.
    Vou aproveitar e te perguntar uma coisa: meu blog fica recarregando o tempo todo (é como se o leitor desse F5 a cada 5 segundos), e isso já foi motivo de reclamação de uma leitora.
    Você saberia como me ajudar?
    Desculpe o incômodo!
    grande abraço,
    Debora

  33. dedszinha disse:

    pode ser com qualquer tipo de emotion, tipo de um jogo?

    • Vanessa disse:

      Este tutorial só funciona com estes arquivos, exclusivamente para estes modelos de emoticons. Se quiser outro tipo de emoticon, dá uma procurada no google.

  34. Rafael disse:

    Olá Vanessa!

    Excelente tutorial,como sempre!

    Depois você pode fazer um para o WP…

    Gostaria que também,se possivel,fdazer um a respeito de como deixar os links como está aqui no blog,com aquele efeito e também como fazer este efeito hover em que passando o mouse ele vai mudando “lentamente” para a cor que está “hover”…

    Abraço!

  35. Alan Lima disse:

    que post legal adorei ^^ ficou Kawaii.

  36. Amanda disse:

    Conhece algum código que alinhe as imagens automaticamente no blog?
    Os que achei tem que ser usados no HTML da postagem “todas as vezes” queria achar algum para colocar no html do Blog.

    Eu aprendi muitooo com vc quero parabeniza-la e agradecer por dividir seus conhecimentos.

  37. Roberta disse:

    Muito obrigada ^^
    Era o que estava precisando e adorei o tutorial!!!
    Agora estou usando um dos modelos de visualização dinâmica do blogger, ou seja, sem HTML. Há algum modo de adicionar esse tutorial nesses modelos?
    Beijus<3

  38. Sabrina Castro disse:

    Isso funciona mesmo usando o sistema de comentários do Disqus?

  39. Angelo disse:

    O tutorial é otimo, eu já tinha visto um tutorial sobre isso, mas não ensinava como mostrar os smiles para que os visitantes saibam os codigos, neste tinha !

  40. rivanildo disse:

    bom eu vi isso em um site de animes , a gente comenta e clica no smile e ele e adicionado so com o clique , so não sei em que linguagem o site estava, mas era muito interessante então gostaria de fazer no meu site

  41. rivanildo disse:

    eu gostaria muito de saber se e possivel adicionar funçao de clicar no smile e ele ser adicionado no comentario sem ter que copiar o simbolo apenas clicando

  42. Nielson disse:

    O meu não deu certo. Porque será?

  43. Jennyfer Rodrigues disse:

    deu certo adoreiii ^^ bjao linda

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