quarta-feira, 2 de abril de 2008

Emoticons para Blogger e Blogspot

Tá, passei um trabalhinho pra fazer isso, mas desenvolvi um JavaScript pra colocar emoticons em blogs do Blogger/Blogspot \o/

***

Edit: Pra quem quiser usar o emoticon no próprio blog, tem que fazer assim:

  1. Vá em Layout/Editar HTML, e cole o seguinte trecho de código antes de </head>:


  2. <script language='javascript' src='http://sites.google.com/site/perereco/emoticons.js' type='text/javascript'></script>


  3. Daí, ali no <body>, troque por:
    <body onload='emoticon()'>



Pra usar um emoticon, basta colocar o sinal desejado entre colchetes duplos:
[[sinal]]


Vamos à lista:

  • relogio : [[relogio]]
  • paleta : [[paleta]]
  • som: [[som]]
  • voltar: [[voltar]]
  • estrela: [[estrela]]
  • mundo: [[mundo]]
  • cancelar: [[cancelar]]
  • ok : [[ok]]
  • 8) : [[8)]]
  • $) : [[$)]]
  • ;P : [[;P]]
  • ideia : [[ideia]]
  • casa : [[casa]]
  • baixo : [[baixo]]
  • taca : [[taca]]
  • foto : [[foto]]
  • zangado : [[zangado]]
  • ^^ : [[^^]]
  • :O : [[:O]]
  • D: : [[D:]]
  • ;) : [[;)]]
  • :S : [[:S]]
  • :I : [[:I]]
  • :P : [[:P]]
  • 8 : [[8]]
  • L : [[L]]
  • :D : [[:D]]
  • espantado : [[espantado]]
  • :( : [[:(]]
  • :) : [[:)]]
  • raio : [[raio]]
  • chave: [[chave]]
  • msn: [[msn]]
  • msn2: [[msn2]]
  • telefone: [[telefone]]
  • pizza: [[pizza]]
  • presente: [[presente]]
  • U : [[U]]
  • cima: [[cima]]
  • banana [[banana]]

Por fim, só pra constar, os ícones usados foram feitos pelos membros da equipe CrystalXp, e podem ser utilizados em qualquer blog, desde que não tenha fins lucrativos. [[:)]]


***EDIT:

Antes realmente não estava funcionando, porque estava muito pesado, agora eu mudei o arquivo javascript - ele tem apenas 5kb -. Portanto, ignorem os comentários "Ah, tentei aqui mas não deu" [[:P]]

35 comentários:

Du disse...

Valeu, Preco! Acho que vai ajudar muita gente.

Vou tentar fazer lá no Norte depois te falo!

Brigaduuuuuuuu

Cidão disse...

Se eu mexer no código do blog sei que vou fazer caca... Saca a Lei de Murphy????

Du disse...

"Primeiro, tem que importar esse arquivo aqui, e colocar no seu blog..."

Preco, colocar "onde" no blog?

Please, help-me!

Cidão disse...

Preco, mas onde adicioanr esse elemento de página, se no meu blog tem 4 colunas???? Posso escolher qualquer uma????

アマンダ•¤° ^___^ amanda☥ disse...

pô legal esse emoticons.....
ajudou mto ^_____^

Theus disse...

massa... mas queria saber se es´ta só nos posts ou nos comentários também ? :)

Luz do Sol disse...

Olá estou aqui para dizer que peguei os codigos de vcs para colocar emoticons no meu blogger e deu certo.
Passa por lá pra ver...
Ameii... Beijosss

Gui disse...

Oi gostaria de saber se dar para mudar os emoticons por personalizados.

Le disse...

Oi gostei muito do seu tutorial, tenho wordpress masi gosto muito do blogspot, e eu gostaria de saber se você autoriza-me a a colocar este tutorial no meu site, tudo com os devidos créditos, e gostaria de saber também também se dar para estar mudando os emoticons?
Sucesso!

...She... disse...

[[:)]]

mateus disse...

http://narutoshippuuden-2009.blogspot.com/ isso shahsas

Hannah disse...

pudim!

Dam disse...

[[banana]]

"O dia de amanhã ninguém usou... pode ser seu!" disse...

da para explicar melhor?

coloco o código e não aparece nada.

onde coloco esses colchetes no html?

qual a parte do documento?

Mateus disse...

Socorrooooooooooooooooooo! Eu coloquei tudo certinho lá no meu blog, só q quando eu vou testar não aparece nada! Pq quase todo mundo consegui e não eu? Tô mó nervoso aqui, cara! Já fui em todos os sites do Google e não acho!
Como diria o Datena: ME AJUDA AEE POW!!

kkk

Té mais!
[muito legal o blog ;)]

susaana aantunes ^^ disse...

no meeu não deu :S
só aqui dá ; [[:(]]

susaana aantunes ^^ disse...

continuação
por que ? [[cima]]

Anônimo disse...

no meu nao pegou [[:(]]

John Érico, disse...

[[banana]]

♥Adrypass♥ disse...

Nem deu certo fala que o codigo esta errado!!!
Todos tem esses emoticons nas suas postagens queria tantos uins!

gon disse...

ae cara não ta funcionando, pq o link do script não funciona, reupa em algum lugar ai pra gente poder baixar, se nao todos usando o mesmo link trava o script no googlepages

Júlia disse...

ótimo!! Mas num funcionou..

WWW.J-WL.CO.CC

Julia disse...

P.S: Não funcionou nem no meu blog, nem no de muitos. Não tem NEM no própio blog dele! [[banana]] *

WWW.J-WL.CO.CC

Pokémon disse...

Sei porque não funcionou!!!
as imagens dos emoticons não existem!!!

Thiago Preco Schwartz disse...

ó, agora tá dando [[:D]]

My & Carol disse...

Onde está < body > alguem me ajuda??eu não achei...

. Lúu ♣ disse...

Eu usava os emoticons no meu blog, sempre funcionou muito bem. Mas, e agora com essa atualização do blog spot, vai funcionar?

• » вισ тяυѕт « disse...

Caso eu queira alterar os atalhos de digitação dos emoticons, que procedimentos devo seguir? E, caso consiga, onde posso dar upload do código? Abraços

Rochester disse...

O codigo funciona perfeitamente, mas o script está muito pesado, testei em 3 blogs, com muitas, medias e poucas coisas (codigos). todos em que coloquei ficaram dando uma travadinha.
Mas o codigo está funcionando perfeitamente [[;)]]

gustavofosse disse...

Não estou conseguindo fazer funcionar. Altero o HTML e quando incluo [[codigo]] aparece exatamente o que escrevi no post ([[codigo]]) não convertendo para o emotion. Você poderia me ajudar?
Obrigado,

Key Brito disse...

Exatamente a mesma coisa dos colegas acima. Fiz e refiz tudo que pediu...e o final sai exatamente como escrevo entre [[sinal]] :(

Nicola Oliveira disse...

Valeu!!!

Um milhão de thanks! Procurei em 8 mil tutoriais e nehnum funcionava por causa do template do meu blog, mas até que enfim!!!

[[:)]]

DJMÁXIMOS disse...

OLHA SEU CÓDIGO DE EMOTICONS TRAVA TODOS OS NAVEGADORES NÃO PRESTA VLW

Janaina disse...

Eu tentei mais eu não sei,como faz pq saiu errado :p

karine gomes de paiva disse...

valeu chave: