Halo sobat semua, berikut ini admin 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;">Keterangan: Silahkan ganti kata-kata yang berwarna hitam dan ganti yang berwarna biru dengan kode Anda
<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>
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 untuk mendapatkan info menarik lainnya.
