Pasang Spoiler di Blog/Website [LENGKAP] ~ MAS OTONG

Assalamu'alaikum Wr. Wb.

Salam sejahtera untuk kita semuanya.

Apa itu Spoiler ? Yak elah gan. Spoiler itu kotak pesan yang disembunyikan dan dapat dimunculkan hanya dengan Klik Spoiler Disini atau lainnya. Ya gitulah pokoknya. Kalau masih bingung, nih gan saya beri contoh apa itu spoiler.

Sebenarnya kalau mau pasang spoiler itu mudah kok gan. Dan gak membutuhkan waktu lama. Langsung ajalah gan kalau gitu. Berikut tutorialnya :

1. Copy kode HTML di bawah ini

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks / gambar atau script anda disini
<br />
</div>
</div>
</div>

2. Paste kode tersebut ke dalam mode HTML Blog atau Website Agan. Tempatkan spoiler di bagian mana Agan mau menempatkannya. Sebagai contoh di Blogspot saya :-)

3. Lalu pada tulisan "Letakkan teks / gambar atau script anda disini", silahkan diganti dengan yang Agan inginkan

4. Sebagai contoh, pada tulisan tersebut saya ganti menjadi "TESTING. . . TESTING. . .". Jika sudah, Agan coba Preview Page atau Pratinjau dulu sebelum disimpan. Kalau hasilnya sesuai dan spoiler telah muncul, berarti Agan telah berhasil menambahkannya ke Blog atau Website Agan :-)