Heeeeeeeeeeey.Vim fazer este tutorial em pedido do Sandro, dono do blog "Blog das Séries", irei ensinar como fazer o botão ( imagem ) que ao clicar abre a cbox. Este modelo é um pouco diferente do que tem aqui no blog.
Primeiramente faça o "caminho da roça"( como diz minha amiga) kkkk Vá em design >> Adcionar um gadget >> html/JavaScript. Agora copie o código abaixo:
<center><img style="width: 180px; height: 83px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvsB6kQqeSvvRLUSYdaCax7imFKn26HetPcyyqZIdq_rOgLwVM042pTQcWWp4HULldTNPv4ihzrJo5I3b8fkRsRnYVuCHVxLvk7Adz2WWiADbiRBLXHsgtWLFV-5Jfcro0W1J1oLrvk5vE/s1600/~l%C3%A7k~k+(1).jpg "><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('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Esconder'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Abrir CBOX '; }" 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';">
Logo, cole o código da sua CBOX ou o que mais desejar abaixo de: 'trebuchet ms';">
Acima irá aparecer a mesma imagem daqui do blog.Para altera-la por uma sua escrito o que quiser, substitua a parte destacada em rosa pela a URL( link) da imagem: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvsB6kQqeSvvRLUSYdaCax7imFKn26HetPcyyqZIdq_rOgLwVM042pTQcWWp4HULldTNPv4ihzrJo5I3b8fkRsRnYVuCHVxLvk7Adz2WWiADbiRBLXHsgtWLFV-5Jfcro0W1J1oLrvk5vE/s1600/~l%C3%A7k~k+(1).jpg "
E para modificar a largura do botão, altere o tamanho que está de azul :" width: 180px"
Para alterar o nome que aparecerá no botão : " Abrir CBOX" é só mudar o nome do que está de vermelho para o que desejar e no fim do código colar o código do seu link-me, ou cbox.
Bom, é isto, eu realmente espero ter lhe ajudado,qualquer dúvida entra em contato, e ficará mais ou menos assim, dependendo da sua foto e o que irá escrever no botão:
E para modificar a largura do botão, altere o tamanho que está de azul :" width: 180px"
Para alterar o nome que aparecerá no botão : " Abrir CBOX" é só mudar o nome do que está de vermelho para o que desejar e no fim do código colar o código do seu link-me, ou cbox.
Bom, é isto, eu realmente espero ter lhe ajudado,qualquer dúvida entra em contato, e ficará mais ou menos assim, dependendo da sua foto e o que irá escrever no botão:
obrigada
ResponderExcluir