Menambahkan Tombol Spoiler di Post di Blogger

Tombol Spoiler atau tombol show/hide di postingan bloger, digunakan untuk postingan artikel yang panjang sehingga menghemat tempat atau dengan kata lain Tombol Spoiler juga bisa digunakan jika Anda ingin memberikan pengguna pilihan untuk menampilkan atau menyembunyikan item, dapat berupa foto, teks, dll.

Langkah-langkah Menambahkan Tombol Spoiler di Post di Blogger

1. Login di Blogger
2. Pilih Entri Baru
3. Masukan Code dibawah ini.

<div style="margin-bottom: 2px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 65px;" type="button" value="Tampilkan" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukan content anda disini untuk menampilkan/menyembunyikan</div>
</div>
</div>

Sebagai contoh tekan tombol di bawah ini.

Ini contoh menampilkan/menyembunyikan content

Demikian tips blogger Menambahkan Tombol Spoiler di Post di Blogger semoga bermanfaat, terima kasih.