Oi gente! Olha só essa nova caixinha do facebook! Você pode dar aos seus leitores a opção de te enviarem mensagens, direto do seu blog! 
Ontem eu descobri essa novidade e fiquei super animada pra por no meu blog, e logo pensei que vocês também iam querer! haahah, fiz um vídeo tutorial bem explicadinho, que você pode assistir aqui. Mas se preferir ver o post, eu também fiz! Qualquer dúvida, erro, só deixar um comentário! Ah, vocês podem testar a minha aqui ao lado, se quiserem hahah

1. Após abrir seu blog, vá em layout e adicione um gadget HTML/Javascript onde quer que apareça a caixa.

2.  Agora vá até o Facebook Developers

Em Facebook Page URL coloque o endereço da sua página, por exemplo: http://facebook.com/blogbutlariz

Em Tabs é onde você vai definir como será a caixa. Por padrão vem Timeline, que aparece os posts da página. Digite Messages para mudar, só clicar fora e vai aparecer a caixinha de mandar mensagens!

Width é a largura, não importa muito pois a caixinha é responsiva, ou seja, se adapta ao tamanho.

Height é a altura, acho legal mudar pra caixinha não ficar muito grande, coloquei 360.

Em baixo tem algumas opções, o importe é deixa a opção “Adapt to plugin container width” selecionada, ela é o que vai fazer a caixinha se adaptar ao tamanho. O resto você pode selecionar pra ver como fica, e deixar ao seu gosto.

3. Clique em Get Code. Copie o código da primeira caixa, e cole no HTML/Javascript que você adicionou. Volte, copie o segunte código, e cole em baixo, no mesmo HTML/Javascript, como na imagem:

E aí, o que acharam? Gostaram do tutorial? Conseguiram? Comente!