Cara membuat Spoiler pada Blog

Spoiler pada blog berfungsi sebagai tempat untuk menyimpan ‘sesuatu’^* (kaya’ syahrini XD aja) dalam kotak yang memiliki tombol fungsi. Suatu spoiler memiliki kegunaan yang cukup bermanfaat. Dengan menggunakan spoiler, kita dapat menghemat tempat untuk memunculkan/menampilkan ‘sesuatu’^*. Seperti apakah spoiler itu? 

Bisa kamu lihat di sebelah kiri bawah web page ini.

Bagaimana cara membuat spoiler ini?

• Copy code berikut ini.

<div style='display:scroll;position:fixed;bottom:30px;left:59px;' title='visitor's data'>
<div style="margin: 0px 0px 0px;"><div class="smallfont" style="margin-bottom: 1px;">
    <b>Visitor's Data</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 80px;" type="button" value="View" /></div>
    <div class="alt2" style="border: 1px inset; margin: 0px; padding: 1px;">
    <div style="display: none;">
<p align="center">


................................sesuatu............................................

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

Paste code tersebut di tempat yang ingin kamu tampilkan.

Ganti kode yang berwarna merah dengan ‘sesuatu’^* tersebut

(sesuatu=script untuk gambar, teks, atau apapun itu ^-^)

Mudah kan? Spoiler ini cukup membantu untuk meringankan beban blog kamu apabila blog kamu penuh dengan script ataupun gambar yang membuat blog kamu menjadi lambat.

Hope you enjoy it guys….

Thanks and don’t forget to leave a comment and follow, please. ^-^