Cara Membuat Tombol Show Hiden di Blog

Kali ini saya akan membahas tutorial Cara Membuat Tombol Show Hiden di Blog. Show Hiden ini bisa kalian masukin link, gambar, mp3, video,dll. Langkahnya mudah kok.

1. Login dulu di Blogger anda.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget
3. Pilih HTML/JavaScrip dan Copy Scrip dibawah ini.

<div><div style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div><div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><img border="0" width="450" src="http://lh4.ggpht.com/_qfGgs2ZhTdw/TPqH4MJJDyI/AAAAAAAAATA/Z1E8MWKpu-s/s800/Merah_Putih.gif" /><br /> </div></div></div>

4. Pastekan didalamnya.
5. Simpan dan selesai.
untuk memasukkan data anda, hapus aja html dibawah ini dan masukkan html yang anda inginkan.



<img border="0" src="http://lh4.ggpht.com/_qfGgs2ZhTdw/TPqH4MJJDyI/AAAAAAAAATA/Z1E8MWKpu-s/s800/Merah_Putih.gif" width="450" />