Cara Membuat Spoiler di Postingan Blogger

Ciyonk - Halo sobat semua, berikut ini Ciyonk akan berbagi salah satu trik untuk blog yaitu cara membuat spoiler di blog. Spoiler adalah salah satu cara untuk menyembunyikan script, gambar, video atau text.

Adapun tujuannya yaitu supaya bisa lebih menghemat tempat juga untuk mempercepat beban loading blog. Cara lain untuk mempercepat loading blog silahkan baca disini.

Apabila tertarik untuk menggunakan spoiler pada situs atau blog Anda, daripada bicara kesana kemari mendingan kita langsung saja pada tutorialnya berikut ini:

1. Masuk dasbor Blogger.

2. Pilih Postingan Baru.

3. Ganti tab Compose ke tab HTML.

4. Copy-paste kode berikut:

<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 kode disini
 <br>
</div>
</div>
</div> 

Keterangan: Silahkan ganti kata-kata yang berwarna hitam dan ganti yang berwarna biru dengan kode Anda.

5. Apabila sudah selesai tinggal klik Publikasikan.

Sekian tutorial tentang cara membuat spoiler di blog, mudah-mudahan bisa membantu untuk Anda yang membutuhkan dan terakhir terima kasih telah mengunjungi blog ini.

Jangan lupa ikuti kami di sosial media untuk mendapatkan info terbaru lainnya.

Baca juga: Cara Membuat Teks/Tulisan Berjalan di Postingan Blog