Cara Buat Spoiler di Blog 2

Spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu.

Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.

Adapun kode HTML-nya adalah sebagai berikut :

<div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Penggunaan Spoiler" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" type="button"></div><div class="spoiler"><div style="display: none;"><br /><div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;"><br />Silakan disimak dan dicermati :<br /><ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li><br /><li>Kamu juga bisa memasukkan image</li><br /><center><img border="0" alt="U Comments I Follow" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg" /></center><br /><li>Klik button "Tutup" untuk menghilangkan area ini</li></ul><br /></div></div></div></div>

Keterangan :

Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.

Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.

Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.

Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="....." (yang berkelap-kelip) dapat ditambah atau dikurangi.

Share this: