Como colocar gadget da Ask.fm no blog

Holla!! Como vão?
Estou tentando fazer o máximo de tutoriais possíveis para ir concluindo os Goodies. É difícil!
Pra quem não sabe, a Ask.fm é um site onde os outros podem fazer perguntas para você. É bem útil quando se tem um blog, para os leitores tirarem dúvidas. fazerem sugestões, pedidos, etc., de uma forma simples e rápida!
Estou tagarelando, enfim! colocar o gadget do site no blog não é nem um pouco difícil na verdade.
Na página da Ask, tem aquela barrinha azul, clique em 'Configurações':

Então, aparecerá uma tela onde você pode modificar suas informações. Clique em Widget e siga os passos mostrados na imagem:

Fácil demais!

Se você quiser modificar seu gadget, clique em Editar CSS abaixo do código,

E modifique o modelo. Para isso, apague o código original e cole:

 body { margin: 0; padding: 0; background-color: none; overflow: hidden; font-family: Arial; /*Fonte geral do widget*/ } .askAnywhere-link { color: #d24858; /*Cor dos links do widget*/ } .askAnywhere-username { padding: 5px; font-size: 11px; /*Fonte do nome de usuário*/ background: #4b2512; /*Fundo do nome de usuário, apague essa linha se não quiser*/ word-wrap: break-word; } .askAnywhere-username-link { display: block; color: #fff; /*Cor do nome de usuário*/ text-decoration: none; } .askAnywhere-slogan { padding-top: 3px; font-weight: normal; color: #f85761; /*Cor da mensagem*/ word-wrap: break-word; font-size: 11px; /*Tamanho da fonte da mensagem*/ font-family: Verdana; /*Fonte da mensagem*/ } .askAnywhere-box { padding: 10px; font-size: 11px; } .askAnywhere-input { display: block; width: 250px; /*Largura da caixa de texto*/ max-width: 250px; /*Largura da caixa de texto (repita)*/ height: 55px; /*Altura da caixa de texto*/ max-height: 160px; padding: 0px; border: solid 1px #000; /*Borda da caixa de texto*/ text-align: left; overflow: auto; } .askAnywhere-button { background: #f85761; /*Fundo do botão "perguntar"*/ color: #fff; /*Cor da fonte do botão*/ border: none; display: block; padding: 3px 3px; margin-top: 10px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; } .askAnywhere-button:hover { background: #cdeb8e; /*Fundo do botão quando passar o mouse*/ color: #000; /*Cor da fonte do botão quando passar o mouse*/ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; } #askAnywhere_question_form { margin: 0; padding: 0; } #askAnywhere_input_layer, #askAnywhere_captcha_layer { padding-top: 3px; color: #fff; } #captcha { display: block; width: 90px; padding: 8px 4px; margin-top: 5px; border: solid 1px #000000; font-size: 14px; } div.fieldWithErrors input, div.fieldWithErrors textarea { background: #fff; }

Depois modifique do jeito que preferir.

Se não der certo, coloque o código que estava antes e modifique ele mesmo, seguindo o exemplo do código acima.

OBS. Código para modificar a Ask do Cherry Bomb. 

Prontinho!
Estou pagando a mentirosa, né? Disse que o tutorial é super simples aí aparece esse código gigante!
Não, gente! Esse código é pra quem quer modificar o gadget. Quem não quer, pega o código normal e cola num HTML/JavaScript no Layout do blog.
É isso! Espero que tenham gostado e conseguido!


XOXO