Cara membuat Tombol Show / Hide Spoiler di Postingan Blog

Hai sobat SBI.. pada siang hari ini.. saya akan mengeshare tentang bagaimana cara membuat tombol Show / Hide yg biasa disebut SPOILER..
cara membuat nya sangat mudah sekali..
Langsung saja ke TKP.. xixiee. :D

1. Tuliskan teks yang akan kamu posting dengan spoiler..
2. Copy code HTML/Java Script di bawah ini..

<div><div style="margin-bottom: 2px;"><i><b><small>Coba di Klik</small></b></i><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: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI  

</div></div></div>

3. Ganti tulisan yg berwarna merah bercetakkan tebal dengan teks/foto kamu..
4. dan lihat hasil nya

Coba di Klik

TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI

 

 Sangat mudah bukan??.. hehe..

Selamat mencoba yak..

 _________________________________

Sekian posting saya kali ini.. 

sampai jumpa di post selanjut nya yow :D

xixiee.. =)