Cara Membuat Spoiler Show/Hide di Postingan Blog

cara membuat spoiler show hide di postingan blog
Hmmm..., Cara Membuat Spoiler Show Hide di Postingan Blogger?, nah itu dia topik yang saya akan bahas kali ini, spoiler show hide sebenarnya sangat penting, selain menjadikan postingan rapi, spoiler show hide juga dapat mengefektifkan penggunaan ruang pada post blog, oke langsung aja ke TKP




Contoh :
Judul Spoiler:
Letakkan teks atau kode script (gambar atau video) di sini sob..!!


Cara Membuat Spoiler pada Posingan Blog

  • Login Ke Blogger
  • Pilih New Pst atau Entri baru seperti membuat teks biasa
  • pilihlah tab HTML pada postingan
  • Lalu Pastekan kode berikut di Tab HTML tadi untuk membuat Spoiler.

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

Letakkan teks atau URL (gambar atau video) di sini bro..!!

 <br>
</div>
</div>
</div>




  • Kita dapat mengganti Judul Spoiler sesuai keinginan kita, begitu juga dengan tulusan Buka dan Tutup.
  • Lalu setelah selesai klik publish..., semoga berhasil!

Sekian Postingan dari saya...,semoga bermanfaat, jangan lupa di komen yaa, eitss, yang mau copast jangan lupa di kasih sumbernya yaaaa!

Tidak ada komentar:

Posting Komentar

isikan komentar anda