1 Spoiler Show/Hide Seperti di Kaskus

Halo sobat blogger, kali ini saya mau share sedikit mengenai tutorial membuat spoiler show/hide seperti di kaskus. Bagi sobat blogger yang sedang bingung mencari tutorial tentang ini, mungkin artikel ini bisa membantu anda. Tutorial ini sangat simple dan tidak terlalu ribet. Pasti sahabat blogger bisa mengikutinya.

Langsung saja tutorial membuat spoiler show/hide seperti di kaskus.

Ini contoh spoilernya :

Spoiler

Ini adalah spoilernya

Untuk mendapatkan kode spoiler tersebut, ada dibawah ini :

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Link Teman</span></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"/><br /> </div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Ini adalah spoilernya <br /> <br /> </div></div></div></div>

Kata "spoiler" bisa anda ganti judul terserah anda.
Kata " Ini adalah spoilernya" bisa anda ganti text/code gambar yang anda suka

Sekian tutorial mengenai cara membuat spoiler show/hide seperti di kaskus. Semoga tutorial tersebut dapat membantu masalah anda dalam dunia blogger.

Tweet

Komentar →