Formulário de Contato Fixado No Canto da Página Com Efeito JQuery

Nesta postagem compartilho com vocês mais um código super útil na página do seu site. Facilitando assim para os visitantes sugerirem novos posts. Enfim.

Torne-se membro do site, basta clicar no botão abaixo e clicar em Seguir:

Para colocar no Blogger

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:

<style>
.ContactForm, .ContactForm .title {
 display: none;
}
.floating-ct {
 position: fixed;
 width: 250px;
 right: 0;
 bottom: 0;
 z-index: 999;
}
.floating-ct-head a {
 padding: 5px 10px;
 background: #000;
 color: white;
 font-weight: bold;
 display: inline-block;
 *display: block;
 zoom: 1;
}
.floating-ct-body {
 height: 285px;
 background: white;
 border: 1px solid #09f;
 padding: 10px;
 display: none;
}
.floating-ct-head {
 text-align: right;
}
.floating-ct-body .ContactForm {
 margin: 0;
 display: block!important;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move">Contacto</a></div><div class="floating-ct-body"></div></div>');
$('.ContactForm').appendTo('.floating-ct-body');
var slide_up_ct = false;
$('.floating-ct-head a').click(function(){
 if (!slide_up_ct) {
 slide_up_ct = true;
 $('.floating-ct-body').slideDown();
 } else {
 slide_up_ct = false;
 $('.floating-ct-body').slideUp();
 }
});
//]]>
</script>

Observação importante:

Para que o formulário funcione, ele tem que estar ativo nos gadgets, caso contrário ficará em branco.

Para ativar o Formulário de contato, clique em "Adicionar um Gadget" - "Mais gadgets" - "Formulário de Contato"

Tendo colado o código, basta salvar e pronto!!!