Cara Buat Tombol Hide and Show (Spoiler)

By: Unknown on 7:30 AM

Berikut ini Admin akan menyampaikan  cara membuat Sopiler Hide/Show,.Bagi Anda yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Anda hanya perlu mengcopy paste kode HTML di bawah ini dan masukkan ke dalam postingan dalam mode HTML


 

<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> 

Hasilnya akan seperti ini   :

Coba di Klik

TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI

Setelah itu Anda silahkan meneruskan posting Anda jika masih Ada terusan postingnya dan publikasikan seperti biasa....


Semoga berguna dan Selamat mencoba