Cara Membuat Spoiler Pada Postingan Di Blog

Tujuan dari pembuatan Spoiler ini adalah untuk menyembunyikan isi dari Content (Teks, Gambar, Video, Dll) yang ingin kita sembunyikan yang nanti nya dengan hanya menekan tombol "Show / Hide" pengunjung bisa melihat isi dari spoiler tersebut. Selain menghemat tempat, pembuatan Spoiler dalam Postingan membuat loading content blog menjadi ringan dan tidak terlalu berat saat membuka sebuah blog.

Buat yang sering berkunjung di Forum" pasti penggunaan Spoiler udah gak asing lagi , pembuatan spoiler di Forum bisa dibilang sangat mudah. Tapi kali ini saya akan mengajarkan bagaimana cara membuat Spoiler di dalam sebuah Postingan Blog. Langsung aja disimak yaa .

Cara Membuat Spoiler Di Blog 

1. Silahkan Login terlebih dahulu ke akun Blogger.
2. Pilih Entri Pos , seperti biasa membuat postingan
3. Pilih Edit HTML 

4. Silahkan masukan Scirpt berikut untuk membuat Spoiler
 

<div style="margin: 5px 30px 30px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b>: <input value="Open" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> <b>Letakan Content Disini</b> <br> </div> </div> </div>

5. Silahkan ganti Judul Spoiler dan Content yang mau disembunyikan dengan cara merubah "Letakkan Content Disini".
6. Untuk melihat hasil sementara , bisa dengan mengklik PRATINJAU, apabila postingan sudah dirasa cukup bisa langsung di PUBLIKASIKAN.

Berikut contoh dari hasil pembuatan Spoiler.

Contoh Spoiler:

Itu tadi cara untuk membuat spoiler pada postinga di blog. Ternyata tidak sulit dan cukup mudah, hanya Copy Scirpt Spoiler selesai deh .
Semoga postingan ini bisa membantu pembaca yang sedang belajar nge-Blog seperti seperti saya ini.