Cara membuat spoiler pada artikel

Advertisement

Sebelumnya udah tahu kan apa itu spoiler? itu loh teks / gambar yang disembunyikan kemudian kalau ingin membuka isi teks / gambar tadi klik dulu tombol buka. ya kira-kira seperti itu lah ga bisa jelasin gan hahaha.

Langsung saja menuju tutorialnya ya gan, berikut cara membuat spoiler atau show hiden pada artikel blog :

• masuk ke akun blogger
• buat postingan baru
• pilih yang html letaknya disebelah kanan Compose
• masukkan script dibawah ini 

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">Letakkan teks atau gambar disini gaaaaaan</div></div></div></div></div>

• ganti teks yang berwarna merah dengan teks atau inti yang ingin diperlihatkan ketika di klik
• klik publish, dan hasilnya seperti dibawah ini

Letakkan teks atau gambar disini gaaaaaan