Imagem que esconde widgets

Como vocês devem saber aqui no blog tem uma imagem onde tem escrito " Enquetes Clique e Vote" na barra lateral e quando você clica na imagem mostram uns widgets com as enquetes. Bom, vou ensinar a vocês como fazer esse efeito mas antes você precisa saber que:

 Você pode fazer esse efeito pra abrir a Cbox, ou qualquer outro widget além de textos

 Você só pode fazer efeito em UM widget porque se não dá erro

 O link que abre pode ser uma imagem ou um texto

Ok, agora vamos ao tutorial. Vá em Design , Editar HTML aperte Ctrl + F e procure por:

</head>

Agora ACIMA da tag que vocês procuraram cole o seguinte código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <br /> <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script><br /> <script type="text/javascript"> animatedcollapse.addDiv('jason', 'fade=1,height=80px') animatedcollapse.addDiv('kelly', 'fade=1,height=100px') animatedcollapse.addDiv('michael', 'fade=1,height=120px') animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets') animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1') animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1') animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted //$: Access to jQuery //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID //state: "block" or "none", depending on state } animatedcollapse.init() </script>

Fez? Tá, agora salve. Vá em Design>> Elementos da Página>> Adicionar um Gadget>> HTML Javascript e na parte de "Conteúdo" cole o código abaixo substituindo as partes pedidas.

<a href="javascript:animatedcollapse.toggle('dog')"><img src="URL DA IMAGEM"/></a>

<div id="dog" style="display:none">CÓDIGO DO SEU WIDGET</div>

Espero que consigam, beijos doces como torta