Como adicionar Emoticons no Blogger

Que tal adicionar esses emoticons acima nas suas postagens no seu blog?
Sim, sem precisar copia e colar o código.
Veja como vai ficar o editor de posts do seu blog:



Eu particulamente adorei esse recurso, pois, adoro adicionar emoticons nos meus posts. Além da facilidade de adicionar sem precisar copiar a url das imagens e colar no editor do blog, você pode colocar quais emoticons quiser.
Primeiramente irei ensinar como adicionar os emoticons que estão no começo desse post, depois como você pode adicionar os emoticons que quiser.
Vamos lá!

Esse tutorial foi criado pelo Kuribo e irei explicar como funciona.

Primeiro de tudo você precisa baixar o Mozilla Firefox. Você pode baixá-lo nesse link.
Depois precisa instalar o Greasemonkey, que é um gerenciador de scripts que permite a modificação de uma página quando o Firefox é carregado. Clique aqui e instale o Greasemonkey.
Após a instalação do gerenciador, repare que no canto direito inferior do Firefox vai ter o ícone de um macaquinho, o Greasemonkey. Se ele estiver colorido é por que está ativado se estiver preto e branco desativado. Basta da um clique para ativar e desativar. Agora com ele ativado, dê um clique nesse link e instale o script para adicionar os emoticons às suas postagens.
Agora vá na sua conta do Blogger, clique em Layout> Editar HTML e procure (Ctrl+f) pela seguinte linha:

/b:skin>

e cole o código abaixo ANTES dela:

img.emoticon (
padding: 0;
margin: 0;
border: 0;
)

Pronto! Agora vá em "Criar" e veja os emoticons inseridos na barra de edição. Fácil não é mesmo?

Que tal adicionar seus próprios emoticons?
Bem simples.
Basta clicar aqui e copiar todo código da página. Depois abra o bloco de notas e cole o código nele.
Agora procure a linha:

var buttons = ";

logo após esta linha estão os comandos e as url's dos emoticons.
Para mudar os emoticons, hospede-os em algum site de hospedagem de imagens. Pode ser no Imageshack ou no Google Pages.
Copie a url da sua imagem e substitua pelo que esta no bloco de notas. Exemplo:

buttons += emoticonButton("8o", "http://smileyjungle.com/smilies/confused0.gif");

Substitua onde o link esta de azul pelo link da sua imagem.
Onde tem o "8o" é o atalho que você quer adicionar ao seu emoticon.

Agora só substituir todas url's pelas dos seus emoticons. Depois vá em Arquivo> Salvar Como
e salve o arquivo como emoticonsparablogger.js

O js é de Java Script. Só irá funcionar se o arquivo estiver nesta extensão.

Agora vá no Google Pages (para isso você deve ter uma conta no google) e faça o Upload do seu arquivo emoticonsparablogger.js.
Feito isso, clique no link que é gerado e o Greasemonkey irá pedir para instalar seu script.

Fácil não é?

Esse tutorial foi criado por mim, Osmar Mesquita, porém, o código do Script é do Kuribo e os emoticons do site Smiley Jungle.

Se copiar dê os devidos créditos!

Qualquer dúvida, comente neste post ou envie um email para osmardesigner@gmail.com