Membuat Spoiler Di conten

Assalamu'alaikum warohmatulloh wabarokaatuh maaf nh sobat baru share lagi kali ini saya akan share tentang membuat spoiler langsung saja ini code nya

<div id="spoiler"><div><input style="margin: 10px; padding: 0px; height:60px; font-size: 50px; font-weight:bold;" value="OPEN" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div') ['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')
['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')
['hide'].style.display= 'none'; this.innerText = ''; this.value = 'CLOSE'; } else {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display= ''; this.innerText = ''; this.value = 'OPEN'; }" type="button"/><div id="show" style="border: 5px; solid red; margin 5px; padding: 2px; display: none; width: 90%;">
Sobat bisa memasukkan text atau alamat gambar di sini.
<br>
<img src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"a>
</div><div id="hide"></div></div></div>

Ganti yang berwarna merah dengan text atau alamat gambar sobat.

Sekarang  KITA LATIHAN BERSAMA
ini yang saya buat

<div id="spoiler"><div><input style="margin: 10px; padding: 0px; height:60px; font-size: 50px; font-weight:bold;" value="OPEN" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div') ['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')
['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')
['hide'].style.display= 'none'; this.innerText = ''; this.value = 'CLOSE'; } else {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display= ''; this.innerText = ''; this.value = 'OPEN'; }" type="button"/><div id="show" style="border: 5px; solid red; margin 5px; padding: 2px; display: none; width: 90%;">
jika sobat mau ebook panduan photosop klik aja disini.
<br>
<a href="https://goo.gl/AgsEZb" target="_blank"><img alt=" Ebook panduan phothosop" border="0" data-original-height="38" data-original-width="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhiG8dtq1kJVUSq65gfS5nUg7BgWxNqDP95QgjHrfacTZhjgGTBbrTUJydFAG80wFs3tstD0Yv3q7hsA6gwk2M6NXbahwUg4Ssap-4a1tUJibI8INWSmUzZjOe1L7Ngy3EsGqL09XtUxj_/s1600/button17.gif" /></a><br />
</div><div id="hide"></div></div></div>

hasil nya

jika sobat mau ebook panduan PHOTOSOP klik aja disini.

sekarang tinggal sobat latihan
selamet belajar

master darma sena


Alhamdulillah Catatan sederhana mengenai  Membuat Spoiler Di conten  telah selesai mohon maaf jika ada kesalahan wasalamu'alaikum warohmatulloh wabarokaatuh

Artikel Terkait