Kode, Cara Membuat Spoiler Pada Blog

Bagaimana cara membuat Spoiler pada Blog seperti yang ada di blog-blog besar? Cara membuat Spoiler pada Blog ternyata sangat mudah, dan ini juga cukup penting buat anda. Untuk membuat content kode atau kalimat tertentu di blog anda terkemas lebih rapi dan praktis ada baiknya anda menggunakan cara membuat Spoiler pada Blog seperti langkah berikut. Membuat Spoiler pada Blog juga akan meringkas tampilan halaman blog anda. Spoiler Blog juga bisa anda tempatkan pada setiap postingan ataupun sebagai widget yang ditempatkan pada sidebar template. Untuk kode membuat Spoiler Blog, bisa anda lihat seperti di bawah ini. Postingan anda masukkan di halaman HTML.




Sebelum anda menggunakan kode ini, silakan ganti tulisan dengan huruf kapital yang ada:

<div><div style="margin-bottom: 2px;"><i><b>ISIKAN JUDUL SPOILER DI SINI :</b></i><input value="SHOW" style="margin: 0px; padding: 0px; width: 80px; font-size: 13px ;text-align:center;text-decoration:blink;text-transform:uppercase" 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"/></div><div style="border: 1px double ; margin: 0px; padding: 0px;"><div style="display: none;">GANTI DENGAN KODE ATAU TEKS ANDA DISINI</div></div></div>


Dan contoh tampilannya akan seperti ini.

KODE SPOILER :

INI ADALAH CONTOH SPOILER YANG AKAN TAMPIL DI HALAMAN BLOG ANDA. HURUF KAPITAL PADA KODE DIATAS SILAHKAN ANDA GANTI SESUAI KEINGINAN ANDA. KATA ''GANTI DENGAN KODE ATAU TEKS ANDA DISINI ''ADALAH TEKS YANG AKAN ANDA MASUKKAN

Demikian cara membuat Spoiler pada Blog, sangat mudah dan sederhana, selamat mencoba dan salam sukses.