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:

Dulce Miller disse...

Valeu, Preco! Acho que vai ajudar muita gente.

Vou tentar fazer lá no Norte depois te falo!

Brigaduuuuuuuu

Aparecido José (Crazyseawolf) disse...

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

Dulce Miller disse...

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

Preco, colocar "onde" no blog?

Please, help-me!

Aparecido José (Crazyseawolf) disse...

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

Amanda Daphne 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 ? :)

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

Anônimo disse...

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

Anônimo 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!

Anônimo disse...

[[:)]]

Anônimo disse...

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

Ana disse...

pudim!

Dam disse...

[[banana]]

Danilo 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 ;)]

Susana Antunes :] disse...

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

Susana Antunes :] disse...

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

Anônimo disse...

no meu nao pegou [[:(]]

Anônimo disse...

[[banana]]

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

Anônimo disse...

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

Preco disse...

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

My & Carol disse...

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

Lú tsuki disse...

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

Fábio Marques 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]] :(

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

[[:)]]

FABIO disse...

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

Anônimo disse...

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

Unknown disse...

valeu chave: