Membuat Spoiler Show/Hide Objek Pada Postingan

Sebelum anda membaca lebih jauh artikel ini, lebih baik anda ketahui dulu apa itu Spoiler Show/Hide Objek Pada Postingan.

Spoiler adalah cara untuk menyembunyikan objek seperti teks, video, gambar, maupun script dengan tujuan untuk menghemat ruang postingan atau sengaja agar objek tidak terlihat oleh semua orang.

Selain itu Spoiler juga dapat mempercepat loading pada suatu website ataupun blog. Nah, postingan saya kali ini akan membahas tentang cara Membuat Spoiler Show/Hide Objek Pada Postingan blog.


Penasaran bagaimana cara membuatnya? Silahkan baca dengan seksama tutorial yang saya tulis di bawah ini :

Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini

<div id="spoiler" style="display:none">

konten yang disembunyikan

</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>


5. Ganti kode yang berwarna merah dengan konten yang akan sobat sembunyikan.
6. Kode yang berwarna biru bisa sobat ganti sesuai selera sobat.


Sekian artikel Cara Membuat Spoiler Pada Postingan Blog dari Artikel Dewa Wijaya. Semoga bisa membantu.

Pengunjung yang baik selalu meninggalkan jejaknya sebelum ia meninggalkan blog ini. Semoga anda mengerti maksud saya.

Contoh :


Related Posts:
Thank you for your visit. Support Pisbon™