Tuner Create

Assine o Feed

Como adicionar botão Abri e fechar da CBOX.

Wesley Junior


Ola pessoal! Hoje vim mostra um tutorial super interessante, a pedido de um Blogueiro.     
      Então, tao cansado de ver aquela Cbox enorme tomando o espaço do seu blog? Tomando alguns lugares de seus Gadgets? Então, hoje estou aqui pra vocês como resolver  esse problema, é muito simples, vou ensinar como adicionar um botão abri e fechar da Cbox.  Veja exemplo nesse link..
      Então, gostaram? Espero que sim, pois irei ensinar como fazer ele aqui.

  1. Abra o Bloco de Nota.
  2. Em seguida cole esse código abaixo dentro dela.

<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';">
  3. A parte destacada de Vermelho, é onde você deverá troca por uma imagem que deseja colocar.
  4. A parte destacada de azul, é onde você deverá alterar para qual nome deseja coloca nor Button Abri Cbox. 
  5. Seguido do código citado acima, dê um enter abaixo dele, em seguida coloque a código da sua CBOX.
  6. Abra um Gadget no seu Blogger, HTML/Javascript e cole todo o código nele.


3. A parte destacada de Vermelho, é onde você deverá troca por uma imagem que deseja colocar.
4. A parte destacada de azul, é onde você deverá alterar para qual nome deseja coloca nor Button Abri Cbox.
5. Seguido do código citado acima, dê um enter abaixo dele, em seguida coloque a código da sua CBOX.
6. Abra um Gadget no seu Blogger, HTML/Javascript e cole todo o código nele.

1 comentários:

Anônimo disse...

Vlw Wesley Pelo tuto Todos Os Dia Vou Entra Na Lider Desigenr Agora Vlw

Postar um comentário