Membuat Spoiler (Show/Hide) Gambar/Kata

Pagi Semua shobat sekalian, kali ini saya akan berbagi tentang "Membuat Spoiler (Show/Hide) untuk Gambar atau kata. Karena dengan memakai Spoiler (show/Hide) kita bisa menghemat halamat di blog kita. Oke langsung saja. Silahkan Copy code dibawah ini :

<div !mulai spoiler><div style="text-align:center;"><input style="width:100px; background-color:#e6e6e6; color:#000; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;" value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"></div>

<div style="padding:5px; text-align:justify;"><div style="display: none;">TULISAN/GAMBAR YANG AKAN DISEMBUNYIKAN</div></div></div !akhir spoiler>

Kalau shobat sekalian sudah meng-Copy code diatas, Silahkan shobat Sign In ke Blog shobat masing-masing setelah masuk Klik Tata Letak>>>Klik Tambah Gadget>>>Pilih HTTP Java Scrip dan silahkan Paste code tersebut di dalah gadget HTML/Java Scrip tadi. langkah yang terakhir jangan lupa klik Save/Simpan.

Keterangan :

• Pada tulisan yang berwarna biru tebal (Color, width, sembunyikan, tampilkan) silahkan ganti sesuai dengan keinginan shobat sekalian. Untuk Kata (Sembunyikan dan Tampilkan) bisa diganti dengan Show atau Hide, atau juga bisa diganti dengan kata lain sesuai keinginan Shobat.

• Pada tulisan yang berwarna merah tebal silahkan ganti dengan text, code gambar , code html,  atau apalah sesuai yang ingin shobat sembunyikan.

Hasilnya akan seperti contoh dibawah ini :

Banner Teman


Selamat Mencoba.