Veja aqui como ficou o resultado final desse código para colocar emoticons nos comentários do blog:
Na hora de postar o comentário

E depois de salvo e publicado

Essas imagens são de nosso blog de teste: Fabrica de Layout
Mas vamos começar a mostrar como colocar emoticos nos comentários do seu blogger, entre na pagina editar html, clique para expandir o modelo e procure por:
data:blogCommentMessage
Provavelmente estará assim:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
E logo abaixo coloque esse código:
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'/> :t
</div>
Clique para salvar, então procure por: </body> e coloque esse código antes dele:
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
Clique novamente para salvar e depois é só fazer os testes, lembre-se que os comentários do blogger podem demorar uns minutos para aparecer, normalmente não demora, então se não aparecer na hora é normal, mas isso não quer dizer que deu errado, nos testes que fizemos demorou uns 2 minutos para ser visível o comentário com emoticons no blogger.
E o melhor de tudo sobre esses emoticons para colocar no blog é que você pode criar os seus emoticons facilmente, repare que os trechos que se repetem varias vezes:
_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
 
Cada um numa parte do código é repetido apenas trocando o endereço da imagem e o código para o emoticon (estão em destaque), portanto se trocar o endereço da imagem: http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'
E o código :k irá criar um novo emoticon, apenas tome cuidado para não apagar nem colocar nada a mais no código e não usar o código de imagem repetido ou seja :k só poderá haver um deles, então escolha outros caracteres para ser o atalho para os novos emoticons.
Achamos esse tutorial sobre emoticons do Skype no blog My Blogger Tricks
Bouaaa vllw uma duvida
ResponderExcluirtai ligado quendo ajente usa o novo orkut na intrenet explora 6 aparece um tipo de menu flutuante na tela tem como gera esse codigo ?
Caro Fabiano,
ResponderExcluirvenho informa-lo que alguns icones estão trocados com o seu símbolo.
Como coloco um contador de Downloads no meu Blog.
ResponderExcluirQueria saber o que tá sendo mais baixado.
Manel Veloso
ResponderExcluirnão achei quais estão trocados
Fabio
o internet explorer 6 quase não é mais usado, não sei qual é o menu flutuante que falou
Blog do Beto
não tenho código para fazer o contador de download, lamento mas não posso ajudar
Eu fiz no meu blog so que eu posto o comentario e aparece o que escrevi Ex: :a.
ResponderExcluirO que pode seR?
E também outra coisa minha foto do comentario fica acima do meu nome tem como modificar isso Fabiano ?
L. Tadeu, talvez não tenha colocado os códigos nos lugares corretos
ResponderExcluirFabiano, os códigos estão nos lugares corretos, e tem outro problema no meu blog, aquele simbolo para excluir os comentarios sumiu, e as fotos dos comentadores passaram pra cima do nome...
ResponderExcluirO que pode ser isso ?
obs: já estava assim antes desse tutorial
como faço para trocar as letras que formam o emoticon?
ResponderExcluirL. Tadeu
ResponderExcluirse os comentários do seu blog já estavam com problemas antes, precisa tentar resolver isso primeiro, antes de tentar fazer outras coisas senão ficará cada vez mais difícil saber o que está causando o erro.
Marcelo Bernardi
veja no trecho final que destaquei que aparece :k, repare que cada linha do código tem algo parecido com isso :a :b :c ..... então se trocar nas duas partes mudará as letras de atalho
Eu fiz o seguinte, Peguei o template novinho como ele erá e coloquei, tudo ficou normal novamente, porém o delete icon comment ainda não estava lá resolvi deixar daqui em diante os comentarios moderados assim não vou ter que apagar nenhum apenas recusar, agora vou tentar colocar esse tuto tomara que funcione =D
ResponderExcluirEu fiz, refiz, fiz de novo e nada, Os emotions não aparecem T_T, socorro Fabiano >.<
ResponderExcluirtenho uma duvida quando tento colocar no blog, aparece uma mensagem dizendo
ResponderExcluirNão foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "div" must be terminated by the matching end-tag "
poderia me ajudar ???
Onde foi publicado vários posts, muitos tem imagem com link so que abre na mesma página, teria algum código que colocando no HTML ja modifique e faça essas imagens abrir em outra página? Isso para evitar ter que editar milhares de posts.
ResponderExcluirObrigado!
Anônimo, você pode colocar isso aqui antes da tag </head>, isso na pagina editar html
ResponderExcluir<base target="_blank" />
mas veja se não causará problemas com outros links pois isso faz todos os links da pagina abrir em nova janela.
infelizmente o jeito é mais correto é colocar o código target="_blank" em cada imagem na hora de postar
L. Tadeu
ResponderExcluirestá usando as postagens incorporada a pagina?
talvez seu template tenha algum erro que está dando problemas com esse código, então não será possível usar.
já fizemos testes e varias pessoas já estão usando e tudo funcionou bem.
Gustavo Henrique Charizard
ResponderExcluirdeve ter faltado algum caracter na hora de copiar e colar o código no seu blog.
Fabiano, teria alguma maneira de criar um blog com varios Templates pro visitante escolher qual quer utilizar, não estou falando somente do fundo...
ResponderExcluirEu achei que ta na hora de mudar o template do meu blog agora que eu comprei .com, além dele apresentar varios problemas.
E outra pergunta .-.
ResponderExcluirEu baixei um template e quero editar, por onde começar ? não faço a minima ideia >.<
L. Tadeu
ResponderExcluirnão tem como ter varios templates no mesmo blog.
sobre por onde começar a editar um template, veja quais são as coisas mais fáceis que gostaria de mudar e comece por elas.
não misture varias coisas, primeiro termine uma para começar outra, senão caso dê algum erro não saberá o que está causando.
Eu tentei utilizar o blog in draft, porém ele deixa o template muito padrão.
ResponderExcluirFabiano, eu falei a respeito de algumas coisas que ja vem no template, por exemplo vem uma sidebar preta e eu quero colocar ela azul com riscos amarelos, como começar a editar essa parte ?
ResponderExcluirpara trocar o template precisa ter e saber mexer em programas para editar imagens e aprender um pouco sobre CSS
ResponderExcluirpara poder entender o que são as coisas no template se é uma borda, cor de fundo ou se tudo é na verdade uma imagem de fundo.
use nossa pesquisa no topo da pagina e procure sobre imagem de fundo, alterar template
Vlw Fabiano eu saquei, Porém eu estou editando o template antigo e já cosegui corrigir o erro do delete icon, realmente não sei como fiz eu vi que tinha a mais e fui excluindo e deu certo aeiuaeuioa, vou procurar agora o que está impedindo esse "hack" dos emotions nos comentarios. valeu pela ajuda Fabiano =)
ResponderExcluirVlw pela a dica, funfou certinho no meu blog.
ResponderExcluirAgora estou com outra dúvida.
tem como criar uma pagina com os posts em ordem alfabetica?
EX: Letra A, nesse link vai ficar apenas os posts com a letra A.
jah vi isso no wordpress, será q tem pra blogger?
ADMIN --- Rui Carlos
ResponderExcluirvou procurar, mas não lembro de ver isso no blogger
valeo mlqê *-*
ResponderExcluirrodo de boa (H) '
abras :** '
Fabiano consegui implementar no blog mais não funciona, ao invés de encontrar , no meu template so tem >< id='comment-post-message'>, no meu template?
ResponderExcluirAmigo Fabiano, eu tentei adicionar alguns emoticons no formato .PNG mas não deu certo. O que você acha que pode estar errado? Só funciona com emoticons no formato .GIF?
ResponderExcluirObrigado desde já. Abraço cara.
Netto
ResponderExcluiracho que era para funcionar com qualquer tipo de imagem, desde que você use os endereços corretos delas e na duas partes do código
você usou outra letra de atalho?
Mudei sim fabiano. Primeiro tinha colocado só emoticons de minha preferência não os do código. Não deu certo então coloquei os do código que você gerou e deu certo. O que você acha que pode ser? Pois os endereços foram colocados tudo certo e as teclas de atalho também. :/
ResponderExcluirAbraços
eu nao consegui por,eu fiz tudo direito e nao aparece os smiles
ResponderExcluiré estranho, afinal se trocar o link de qualquer imagem. mas tem que fazer isso nas duas partes do código, veja a nossa pagina de testes, agora colocamos mais uma imagem um banner escrito dicas para blogs
ResponderExcluirhttp://fazendolayout.blogspot.com/2009/12/diversao.html
Fica mais interessante com as carinhas :)
ResponderExcluirFabiano, você postou um banner nos comentários e eu não consegui mudar UM emoticon rsrsrs.
ResponderExcluirEu vou tentar mais uma vez, adicionar alguns emoticons. Se não der certo eu deixo os que você postou, também são muito legais. Obrigado pela atenção!!
meu blog nuam tem essa linha de codigo
ResponderExcluirh4 id='comment-post-message'><data:postCommentMsg
nossa cara seu site é muito bom. Desde que acompanho seu trabalho seu site ta exelente
ResponderExcluirNeToO
ResponderExcluirvocê disse: "você postou um banner nos comentários e eu não consegui mudar UM emoticon rsrsrs"
mas postar um banner, emoticon é a mesma coisa, afinal é só uma imagem.
use um tecla só como atalho, não sei pq mas quando tentei da primeira vez usei duas letras ":ba" e não funcionou, sinceramente não entendi o pq, mas quando usei só uma deu certo.
kizy
ResponderExcluirprocure somente por h4 ou comment
<div class='comments' id='comments'>
muito boa dica, procurava emoticons no blog a muito tempo :)
ResponderExcluirLegal, coloquei em meu blog e está funcionando certinho, vlw.
ResponderExcluirFiz tudo certinho, maaaas, os emotions não aparecem ¬¬
ResponderExcluire não é porque demora pra carregar, já tem um dia e nada...
Vitor Argollo
ResponderExcluirdeve ter feito algo errado ou no seu blog tem algum outro código que está gerando conflito e não deixando funcionar, já testamos, muita gente tb conseguiu fazer e funcionou bem, você tem razão não demora para carregar isso aparece na hora.
bem legal seu blog
ResponderExcluirja estou seguindo ^^ se quiser seguir tbm fique avontade :D
Estou adorando suas dicas e maneira sua de explicar.Tem me ajudado muito...
ResponderExcluirprocura por h4 id='comment-post-message.... , e depeis substitui ou cola ou em cima ou em baixo desse codigo ?
ResponderExcluirAdorei!
ResponderExcluirBrigada pela dica!
=*
Coloquei no meu blog
ResponderExcluirfuncionou perfeitamente
gostei da dica, venho aqui direto vizualizar as dicas, gosto muito daqui
vlw ai mano ajudou pacas aqui no meu blog :D
ResponderExcluirNão consigiee encontra o logal ae "data" ... oq eu faço??
ResponderExcluirbejuu
Izabela, procure só por postCommentMsg as vezes o seu modelo tem algum espaço que não deixa achar, use o ctrl F.
ResponderExcluirprecisa expandir o modelo de html
Ta aparecendo isso aqui ''Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
ResponderExcluirMensagem de erro em XML: The element type "div" must be terminated by the matching end-tag " oque que eu faso
HELP ME!
João
ResponderExcluirvocê deve ter apagado alguma letra, ou deu algum erro na hora de copiar o código, as vezes não dá certo copiar de uma pagina diretamente para outra, tente colar no bloco de notas antes.
Não tem como colocar só as imagens sem os códigos?!?
ResponderExcluirAbraço!
Reneide Criações
ResponderExcluirprecisa mesmo colocar os códigos não tem outro jeito.
Na primeira parte de colar o negoço é pra coloar aonde que você não explicou é antes dele é embaixo é do lado ou pra substituir. Explica aí pra mim.
ResponderExcluiré logo depois do <h4 ....
ResponderExcluirFabiano, sou novo em blogs pra flaar a verdade esse e o primeiro que faço e estou com esse a 15 dias, não mais que isso, cara super dez seu blog e com ele to conseguindo entender como funciona tudo e estou usando scripts postados por voce no meu blog e estão todos perfeitos, acabo de colocar os emoticons no meu blog, parabens amigo..
ResponderExcluirObs fiz esse blog pra homenagear minha mulher que eu amo de paixão, ela esta adorando, depois se tiver um tempinho da uma olhada la ta muito bonito o blog.
Obrigado pelas diucas amigo, são super dez
na verdade não precisa ser incorporado, no meu blog de testes,eu fiz como janela pop-up, com o emoticon :a, e funcionou, a única coisa que nã apareceu foi este qudro com todos emoticons...
ResponderExcluirjustamente isso para aparecer os emoticos acho que é precisa ser comentários incorporados
ResponderExcluirDeu muito certo sua dica, Fabiano! Ficou uma gracinha no meu blog. Confere no Pingos e Gotas, tá? Valeu! Obrigada!
ResponderExcluirFabiano,
ResponderExcluirEu queria muito mesmo saber como eu coloco emoticons no Blog, só que nas postagens e não nos comentarios. Todos os sites/blogs que eu procuro, não me dizem com clareza, ou o tutorial não funciona.
Se possivel, me ajude e acho que seria um grande sucesso você postar sobre isso também.
Tut's
ResponderExcluirno momento não tenho código para fazer isso, mas vou pesquisar sobre o assunto
Nossa, eu amei por demais da conta sô...rsrs.
ResponderExcluirObrigada pela dica.
Parabéns manow funcionou certinho já tou seguindo seu blog :D
ResponderExcluirMuito bom!
ResponderExcluirColoquei no meu! *-*
Botherzão não encontrei nenhum desse html q vc flw pra procurar.
ResponderExcluirdata:blogCommentMessage
----------------------------------
*h4 id='comment-post-message'*
*data:postCommentMsg/></h4*
Pode me ajudar?
meu e-mail é:
willian_play93@hotmail.com
Fabiano, fiz isso, ficou muito bonitinho! haha Obrigada de novo!
ResponderExcluirNossa. Funfou direitinho :D
ResponderExcluirValeu!
Fabiano,tudo bem? Tentei várias vezes,mas em todas as tentativas,os emoticons ficaram na vertical,um em cima do outro...Não ficou visualmente legal. Por que será que isso aconteceu? Uso aquele teu template de estrelas do cidade web,será que tem como fazer uma adaptação do código ou do template?...Obrigado,desde já!Se não tiver como,não tem problema. Beijo!:)
ResponderExcluirઇઉ Mel ☆ mendes♫ ♪ ♫
ResponderExcluirachei estranho acontecer isso, mas tente colocar no inicio do do código display:inline; assim:
<div style='display:inline;width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
Vou tentar sim,Fabiano. Depois te conto o resultado!Valeu mesmo,independente do resultado. Grande beijo ♥
ResponderExcluirAdorei essas dicas dos emoticons! Fiz no meu blog e ficou perfeito! Fiquei com um pouco de medo, mas no final tudo bem!
ResponderExcluirParabéns por este site, é o único em que confio para mudar alguma coisa no meu blog!
http://mypetbr.blogspot.com
Fabiano, tentei várias vezes, coloquei os códigos todos certinhos e nos lugares certos. Só que não aparecem os emoticons, apenas os sinais de letras. Por favor, me responda no meu blog.
ResponderExcluirEduardo Montanari, tente colocar o código novamente, veja se está colocando os códigos nos lugares corretos
ResponderExcluirola, coloquei agora esse codigo no meu blog, mas fui fazer o teste e agora nem aparece o lugar de comentar :(, o q eu faço quando aperto pra comentar n aparece nada, qual quer coisa meu blog é esse loucopormusicas.blogspot.com ai vcs fazem o teste pra ver se ta pegando ou n
ResponderExcluirprovavelmente você apagou alguma parte que não deveria do código na hora de instalar os emoticons, tente voltar o seu modelo anterior e tentar novamente.
ResponderExcluirAdorei a dica ;)
ResponderExcluirNao deu certo... sera que é pq estou hospedando meus emoticons no photobucket?
ResponderExcluirfuncionou lindamente *o*
ResponderExcluirmas pq não funciona na Janela pop-up?
tem algum código pra fazer funcionar com ela?
particularmente acho mais prática :)
você tem razão esse código é somente para os comentários integrados na pagina do blogger
ResponderExcluirEu fiz tudo direitinho mais os smiles estão aparecendo todos na vertical . Eles não ficam um do lado do outro, eles só ficam um embaixo do outro. Ajuda ?
ResponderExcluirnormalmente aparecem todos lado a lado, coloque no estilo css display:inline, assim:
ResponderExcluir...div style='display:inline; width: 370px; text-align: left; border: 2px solid ....
no meu na hora de procurar o q vc pede eu não encontro no meu html
ResponderExcluirse vc souber o q ocorreu de errado me diz
leodeussky@hotmail.com
eu visito o site todo dia
Tipo, vcs São Demais Eu Cacei Esse Tutorial Em Toda Web Só Que Meus Amigos Falam que O Dicas Para Blogs é Muito....Eu Prefiro Não Dizer pq Eu Não Acho!@#$%& Eu Acho Nota 10
ResponderExcluirParabéns A Todos Do Dicas Para Blogs São 10***** 5 Estrelinhas Pra vcs
Adorei a dica.
ResponderExcluirfiz tudo certinho no meu mas não deu certo!
não aparece os emotions.
porque será?
tente fazer novamente, o código funcionou normalmente nos testes que fizemos e com varias pessoas também.
ResponderExcluirtalvez você alterou alguma coisa no código na hora de copiar e colar
Olá prof. Fabiano!
ResponderExcluirTenho um problema. Criei os meus próprios emoticions e coloquei a parte de emoticions depois da tag < / h4>, quando salvei o modelo, deu um erro. Veja o que Blogger disse: "
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The reference to entity "p" must end with the ';' delimiter."
Vou te enviar os blocos de notas para você analisar o erro dos meus códigos. Obrigado!
Acabei de te enviar um e-mail anexando dois blocos de notas...
Gustavo Reis
vou olhar e responder seu email
ResponderExcluirFabiano, eu respondi sua resposta e mandei mais um e-mail para você.
ResponderExcluirEu recebi sua resposta, Porém, Fabiano, são 130 emoiticons enquanto alfabeto são 24 letras. O que farei? Posso usar no formato dois pontos e duas letras?
ResponderExcluirok, já li e respondi seus e-mails
ResponderExcluirOlá Fabiano!
ResponderExcluirtenho uma boa notícia:
Meus emoticions funcionam no meu blog. Você estava certo. Blogger exige os códigos crescentes alfabéticos no formato dois pontos e uma ou duas letras. Quando for mais de 24 emoticions, Blogger exige que eu coloque alfabeticamente :aa, :ab, :ac, etc.
Dê uma olhada no screenshot da minha lista de emoticions de meu blog:
http://img526.imageshack.us/img526/6928/listadeemoticions.png
Mas infelizmente tenho um problema: os emoticions não aparecem no meu comentário que eu escrevi, veja:
http://img502.imageshack.us/img502/9674/errodocomentrio.png
O que farei com esse erro?
a parte do script você colocou e testou antes?
ResponderExcluiresse código se divide em duas partes e elas tem que estar exatamente iguais senão dá erro, veja os trechos em azul no tutorial
Que estranho, Fabiano, já coloquei a parte de script e os códigos de script estão corretos, mas os emoticions ainda não aparecem nos comentários que escrevi. Será que foi um bug?
ResponderExcluirtalvez por serem muitas imagens gerou algum erro no código(bug) ou detalhe errado que não percebemos, é muito dificil conferir um código longo e cheio de detalhes
ResponderExcluirFabiano, é impossível, eu reduzi para 24 emoticions nas partes de h4 e script, mas os emoticions também ainda não aparecem nos comentários. Foi um bug? É muito estranho!
ResponderExcluirnão tenho como saber o que causou a falha....
ResponderExcluirvocê pode tentar retirar os códigos e testar como publicamos nesta pagina, se estiver funcionando corretamente vá trocando os códigos das imagens que deseja...
vai dar trabalho mas não consigo pensar em outra solução
aqui toda vez que eu tento por no html aparece isso:
ResponderExcluirão foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "div" must be terminated by the matching end-tag "
".
eu já troquei de template e nem funcionou.nem reza braba fez ele funfar.
lembrando que o template que eu estou usando é o template simple do blogger.
se está alterando o código tem que ter cuidado nos detalhes, instale primeiro do jeito que postamos aqui para testar, depois troque endereços das imagens
ResponderExcluirO caso de Thiago é igual ao meu caso, Fabiano, fale para Thiago trocar os códigos de emoticions e ler os meus comentários e explique-o.
ResponderExcluirsem duvida todos os comentários anteriores meus e do Gustavo Reis são sobre o problema na hora de colocar muitos emoticons no código.
ResponderExcluirO meu não funcionou. Tenho certeza de que fiz tudo correto. Por favor, me ajude!
ResponderExcluirhttp://blogdomateushonorio.blogspot.com
já testamos o código e ele funciona, tente colocar como está aqui em nossa pagina depois se quiser faça as alterações necessárias(colocar outras imagens se quiser)
ResponderExcluirSó mais uma dúvida:
ResponderExcluirOuvi dizer que esse script tem conflitos com o jQuery, é verdade?
sobre conflitos entre códigos o que acontece é que quando mais códigos tiver a sua pagina mais chances de gerar algum erro, principalmente com códigos maiores.
ResponderExcluirOlha adorei isso, ficou demais1 e por cima foi fácil de colocar... valeu esse blog é demais!
ResponderExcluirSinceramente, segui o caminho recomendado, mas ate aqui nao vejo as emoçoes...! Talvez devo esperar mas um pouco...!
ResponderExcluirPois é eu não consegui e olha que fiz num blog pra testes e não deu certo sempre aparece essa mensagem!!
ResponderExcluirNão foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "b:if" must be terminated by the matching end-tag "".
Espero que vcs possam ajudar!!
provavelmente você colocou o código em lugar errado ou apagou alguma letra por engano...
ResponderExcluirMas si eu criar um emotion e for um pouco grande a imagen da coisa errada o fica automaticamente o tamanho das outras originais ??
ResponderExcluirpor favo minnnnn ajudee
Alef Ruan, esse código usa as imagens no tamanho que você criar, ou seja tem que fazer com as medidas certas.
ResponderExcluirno caso das imagens que usamos aqui elas são 19 x 19 pixels
VLW MESMO..ABRAÇO.
ResponderExcluirmas tem como osenhor diminuir o tamanho da imagen por favo
http://mob28.photobucket.com/albums/c210/lebon14/LOL.gif?t=1242328349
aqui está a imagem
ResponderExcluirhttp://img163.imageshack.us/img163/8617/lolgg.gif
Vlw Mesmo Pela imagen :D
ResponderExcluirmas aqui aparece so poderar ser visivel apos a aceitação do autor como eu faço isso tbm
desculpas porque enche seu saco mas vc tem esse tutorial da postagem so ser visivel depois ???
como faço pra deixar as pessoas comentar em cada download.
ResponderExcluirEX:Programa antivírus tal... em baixo a pessoa comentar, e em cada outros também....
me avisa...
email: configuration2010@hotmail.com
abraço.
Nielson Lopes
ResponderExcluiro jeito é fazer uma postagem para cada programa, assim as pessoas poderão comentar
iaé fabio blza?
ResponderExcluirmano, eu gostaria de saber como eu faço pra colocar uma imagem encima da caixinha de escrever comentários...eu tentei aqui mais n conseguir, acho que é pq meu template é minima...
vc poderia me da uma forcinha mano?
veja se colocou os códigos no lugar certo, uma parte é antes de </body> e a outra parte depois de <h4 id='comment-post-message'><data:postCommentMsg/></h4>
ResponderExcluirOi, eu coloquei o código na minha página, mas infelizmente não está funcionando... eu já conferi o código está idêntico ao de vocês (embora eu tenha colocado algumas imagens a mais e tenha usado imagens diferentes). Entretanto no comentário, não está sendo trocado o código pela imagem. Você tem alguma ideia do que pode estar acontecendo?
ResponderExcluirMuito obrigada pela ajuda =)
Obrigada pela dica!
ResponderExcluirSeu blog está de parabéns. Estou criando meu blog com as dicas aqui postadas :D
é dificil dizer onde está o erro, tente retirar e colocar novamente os códigos
ResponderExcluirOlá Fabiano!
ResponderExcluirQueria saber como eu faço para colocar esses emoticons nos textos que a gente posta no Blogspot?
Como vs aguenta tudo isso fabiano! kkk muita gente
ResponderExcluirBom Pra mim esta tudo certo menos uma coisa!
Sabe quando vs vai em Configuração>Comentarios (isso no blogger) e coloca tipo regras para comentario naquela caixinha.
Meus smiles ficaram acima das regras gostaria que ficassem abaixo!
Tem como?
Obg Pelo Codigo
infelizmente isso varia conforme o template, procure pelo trecho class="comment-form, mas é um código um pouco longo e tente colocar o código dos emoticons depois dele
ResponderExcluirValeuw :)
ResponderExcluirOlá acabei de colokar estes codigos em meu blog.Deu tudo certo e amei. Adoro coisas para enfeitar as coisas.
ResponderExcluirOlá Fabiano..
ResponderExcluirAntes de tudo queria te parabenizar pelas dicas, são realmente muito boas!
Cara, coloquei os codigos certinho e tal's, mais o quadro com os codigos dos emoticons não aparece.. :S
Me ajuda ai meu véeio.. rss
Abraço!
talvez na hora de colocar os códigos você não achou o lugar certo
ResponderExcluircoloquei tudo certinho... mais só tem um body?
ResponderExcluirtem body em algumas partes do blog o que falamos no tutorial está assim: </body>
ResponderExcluirValeu mesmo!!! Demais o post!! Obrigada pela ajudaaa!!!
ResponderExcluirobrigado e como decha o fundo transparente e a borda tambem ?
ResponderExcluirfilipe
ResponderExcluirvocê quer retirar a borda de que?
Eu não estou conseguindo achar a linha que diz data:blogCommentMessage, pode dar uma dica?
ResponderExcluirGTA Naruto Mods
ResponderExcluirpara achar isso você precisa expandir o modelo na pagina editar html
Nunca entendo onde euu vou procurar a palavra bo dy será no texto todo, ou se é em um dos textos que vocês passara!
ResponderExcluiro body está na pagina editar html
ResponderExcluirola Fabiano,eu coloquei os emoticons,so que eu tinha as estrelinhas saindo do ponteiro do mouse e quando eu coloquei os emoticons sumiu as estrelinhas e agora o que eu faço pra colocar as estrelinhas de volta sem tirar os emoticons?
ResponderExcluirvocê apagou o código das estrelinhas por engano? se foi isso veja aqui:Efeitos Estrelinhas Caindo do Ponteiro do Mouse
ResponderExcluirfernando eu consegui r ja tala o meu bloh obrigado blz
ResponderExcluirBoa noite. Fiz tudo isso e não deu certo... Não aparece nada! :(
ResponderExcluiresse código é um pouco complicado de instalar... as vezes faltou ou apagou algo por engano
ResponderExcluirOlha eu aqui de novo precisando de ajuda
ResponderExcluirComo posso fazer com que os visitantes do meu blog incorporem imagens e videos aos comentarios
mais uma vez obrigada pelas dicas seu Blog tem sido muito util para mim ja que sou nova como Blogueira computador e internet nunca foram a minha praia agora to me virando bem tendo um blog como o seu onde eu posso tirar todas ou pelo menoos a maioria das minhas duvidas
Noemia
Muito bom consegui mas isso depois de tres tentativas sempre faltava algo mas no fim consegui
ResponderExcluir:-)
boa dica
ResponderExcluirquem quiser parceria acesse meu blog adicione meu banner de parceria e deixe um recado na cbox com o
link do seu site/blog para eu poder pegar seu banner para colocar no meu
eu fiz tudo direito, e demoro alguns minutos para aparecer o comentário, e quando apareceu, nao tinha os emoticons! o que que eu faço!
ResponderExcluirclique para atualizar a pagina... as vezes o seu computador usa o historico de internet para mostrar seu blog
ResponderExcluirOii eu coloquei esse código no blog e funcinou e dps eu mudei todos os emoticons e tbm funciona + so aparece a imagen deles em cima do formulario das mensagens mas n aparece nos comentarios dos visitantes (eu testei)
ResponderExcluirpfv me ajude :S
se trocou as letras do código também tem que ver se trocou todas de maneira igual.. qualquer sinal faltando dá erro o mesmo vale para endereços de imagens
ResponderExcluirvlws!!!!!!!!!!!!!!!!!!!! so isso sem comentarios muito bom o tuto fuiz flws!!!!
ResponderExcluirola, tudo bom, estou gostando muito dessas dicas, funcionou tudo perfeitamente. obrigado.
ResponderExcluirObg! O único que funcionou no meu blog foi esse *-* :DD
ResponderExcluiraqui no meu blog eles não tão aparecendo T.T
ResponderExcluiresperei 2 minutos e nada, só aparece o bloco de emoticons, mas quando posta um comentário com um deles ele não aparece, como eu resolvo isso?
ps: eu editei alguns emoticons, por exemplo: tirei alguns e os outros eu apenas mudei a tecla pra fazer aparecer, exemplo: ":c" eu mudei pra ":)"
Emmanoelbs
ResponderExcluirclique para atualizar a pagina e deve funcionar
Fabiano, eu já tentei isso e não resolveu nada, ainda continua do mesmo jeito.
ResponderExcluirvocê falou que fez algumas mudanças no código, tente colocar como está aqui e depois que testar faça as alterações uma por vez, assim será mais facil achar o erro
ResponderExcluirObrigada Fabiano! Eu tentei e por incrível que pareça deu muito certo. e olha que sou péssima quando o assunto e procurar RSS.
ResponderExcluirAté a próxima
Obrigado pela dica! até logo.
ResponderExcluirColoquei no meu blog ficou perfeito adorei...<3
ResponderExcluirMuito bom, e facil...
ResponderExcluirficou otimo vlw ;)
aaaaaaaaaaaaaai q lindo.. AMEI, AMEI, AMEI uahisuhaiushiauhisuhauis!
ResponderExcluirdeu certo..
adoro seu site, parabénnnnnns :)
Não consegui fazer isso não... fiz como tava aí e nada de aparecer os emoticons
ResponderExcluirRosane B.V
ResponderExcluiresse código é cheio de detalhes... então cuidado na hora de copiar e colar ... pode apagar alguma letra por engano ou não achar o lugar certo no html do seu blog
a maioria das vezes são esses os problemas
Adorei! mas dá pra mudar a cor do contorno azul que aparece em volta?
ResponderExcluirpara mudar a cor da borda(contorno azul) troque o código da cor aqui:
ResponderExcluirborder: 2px solid #0084ce
esse 0084ce é a cor, veja aqui o Código das Cores
olá bom dia,fiz tudo certinho e adorei o resultado. mais estou com um probleminha a minha caixa de comentarios nao fica visivel em baixo das postagens. só aparece depois que clica em cima dos comentarios .ja tentei alguns codigos mais nao estou conseguindo por favor me ajude. abraço e muito obrigado.
ResponderExcluiranjo da guarda dos blogueiros :)
ResponderExcluirNão consegui.
ResponderExcluiré tao complicado, principalmente para uma menina sem pasciencia como eu.
Aline ♥♥♥
ResponderExcluiresse código é mesmo complicado de instalar... mas ainda não achei um jeito mais simples de fazer
no meu de o erro:
ResponderExcluirNão foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "b:if" must be terminated by the matching end-tag "".
e a pagina não salva. eu acho que voces deveriam esplicar direito aonde colocar o html.
isso depende de qual código está modificando... pode ser em muitos lugares o erro
ResponderExcluirbasicamente você abriu um b:if que não fechou, mas pode ser um erro de sinal nos códigos entre eles
Onde tem configurações de comentarios? Naum estou achando. Gostaria tbm q visitasse por favor o meu blog: www.lifeteensblog.blogspot.com
ResponderExcluirObrigada!
Gostaria de saber onde há a tal configuração do comentario. Eu naum achei no painel
ResponderExcluiragora o item configurações chama detalhes
ResponderExcluirEstava aprocura de um que desse certo e achei
ResponderExcluirseu código, Tudo ok.
Valeu.
Agora eu consigui.
ResponderExcluirMuito boa dica!
otimo
ResponderExcluirFabiano gostei dessa dica, no meu deu tudo certo mas quando faço um comentário pra testar, os emoticons não aparece olha nessa imagem, eu fiz um comentário até com letra maiuscula mas também não deu certo, no que posso ter errado?
ResponderExcluirRosiel T.S.
ResponderExcluirquanto testamos esse código usamos os modelos padrão do blogger, se for um template modificado ou algum outro sistema de comentários pode não funcionar
como faço pra adicionar mais emoticons?
ResponderExcluirna parte final do texto mostra como usar outros emoticons
ResponderExcluirmuinto bom eu consegui colocar bom emsmo obrigado e asese meu blog e veja
ResponderExcluirblog:http://csgamescompletos.blogspot.com/
O Meu blog n tem botão de comentar como coloco?
ResponderExcluirMemes , heavyrisada.blogspot.com
ResponderExcluiré bom permitir comentarios no seu blog... assim poderá saber o que as pessoas acham dele...
e pode até conseguir boas idéias sobre novas postagens a partir de comentários
legal fiz e deu certo os emoticons estao lá....
ResponderExcluirlegal...vlw fabiano pela dica ^^ deu cert no meu blog
ResponderExcluirOieee! E vlw! Esse Blog me ajudou muito! O melhor Blog de todos de dicaas! Deu tudo certo, sempre quis por esse emoticons e consegui ;).
ResponderExcluirOlha meu Blog ---> http://lily-yourecute.blogspot.com/
Ele é muito fofooh! Aaah e vocês podem seguir ?
Byee!
Vlw pela dica consegui, muito obrigado
ResponderExcluirLegal!
ResponderExcluirVou adicionar no meu Blog.
:-D
olá quero agradecer suas dicas..são demais...tudo que vc ensina dá tudo certo...bjos...
ResponderExcluirAE MANO ACHEI MUITO MASSA VALEU MESMO DEU TUDO CERTO AQUI É NOIS MANO TAMO JUNTO
ResponderExcluirObrigadaaaa!! *.* ameeei, deu certo!! Adoro seu blog.
ResponderExcluirexcelente, Parabéns!
ResponderExcluirOBRIGADA PELA DICA :D
ResponderExcluirpô vlw msm aqui funcionou direitinho, quem nao conseguiu ou é por causa do modelo do template ou porque fez algo errado comigo foi so ctrl+c ctrl+v
ResponderExcluire pá, emoticons nos comentários...
vlw...
Adorei, deu certo ! brigada.
ResponderExcluirhttp://divamaisbela.blogspot.com
meu blog tem varias data:blogCommentMessage o q eu faço?
ResponderExcluirtente colocar algum texto para identificar o lugar certo
ResponderExcluiré um truque bobo, mas funciona
Boa tarde, desculpe incomodar, eu queria personalizar muito meu blog hehe, eu adoro este site, ele me ajuda muito mesmo! Mas acho que não vi aqui escrito algumas coisas poderia me ajudar?
ResponderExcluirComo personaliza, e muda de cor esta barra de subir e descer -> -> -> -> -> -> -> -> -> -> ->!
Poderia me ajudar?
Também queria saber uma coisa que talvez vocês não saibam mas, se souberem poderiam me ajudar? É o seguinte, em vários blogs fofos como se diz, eu vejo em um canto, escrito "Menu", e tem uns marcadores lá como: Jogos, Tags, Concurso etc.
e eu gostaria muito de fazer isto poderia me ajudar?
Desculpe estar incomodando demais, é que eu ainda queria saber mais uma(s) coisa(s)! Uma outra coisa é: eu sempre vejo, no final de um post, escrito Poderá gostar também de: E aparece outros posts do blog! Como faço isto?
E também, todos os blogs que eu vejo, está escrito: Postagens Recentes e Postagens Antigas! E só no meu que não aparece! Pode me ajudar?
Queria que me dessem algumas dicas de onde, como fazer um cabeçalho (título do blog) personalizado com imagem e o nome do blog! E como são os efeitos de neve caindo mesmo? E você pode passar mini gifs de natal?
Eu sei, estou irritando de mais né? E ainda tenho mais perguntas formulando cada vez mais em minha cabeçinha! Hehe! Bom, estou aguardando ansiosamente sua resposta! Obrigada pela atenção!
@Daniela Ciocchi a questão não é incomodar demais, mas se tentar modificar tudo isso ao mesmo tempo pode se atrapalhar e não saber onde está o erro.
ResponderExcluiro menu que falou são os marcadores do blog: Colocar Marcadores no blog
os links de outras postagens é feito com linkwithin: Mostrar assuntos relacionados no blog
use nossa pesquisa lá tem sobre efeito neve.
a cor da barra de rolagem é complicado no blogger, já testei códigos mas não funcionou.