Tutoriais - Abrir e Fechar CBOX

Fonte: http://www.efetivadesignerr.blogspot.com Clique Na Postagem Para Melhor Visualização

   
  1. Abra um Gadget no seu Blogger, HTML/Javascript e cole todo o código abaixo ↓↓ nele.

<center><img style="width: 180px; height: 83px;" src="http://img411.imageshack.us/img411/3563/1zp2jhi.png" alt="Cbox" border="0" /></center><center style="font-style: normal;"><div class="smallfont" style="margin: 0px 0px 2px;"><input style="margin: 0px; padding: 0px; font-size: 15px; width: 180px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Esconder&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Abrir CBOX &#39;; }" value="Abrir CBOX " type="button" /></div><div class="alt2" style="margin: 0px; padding: 6px;"><div style="display: none; "><div style="text-align: left;"><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-family:'trebuchet ms';">

  2. A parte destacada de Vermelho, é onde você deverá troca por uma imagem que deseja colocar.
  3. A parte destacada de azul, é onde você deverá alterar para qual nome deseja coloca nor Button Abri Cbox. 
  4. Seguido do código citado acima, dê um enter abaixo dele, em seguida coloque a código da sua CBOX.

  5. Em seguida, salve, depois é só visualizar