Cara Membuat Spoiler di Blogspot

Spoiler berfungsi untuk menyembunyikan atau menampilkan text. Di blogspotpun kita dapat membuatnya, berikut caranya:

Cara:

1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script di bawah ini 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 kode script (gambar atau video) di sini
<br>
</div>
</div>
</div>

5. Ganti judul spoiler dan letakkan teks atau kode
6. Simpan dan publish.

1 Comment

1 Comment

  1. patahpensil

    Februari 14, 2014 at 04:39

    Thansk Triknya Bang

Leave a Reply

Your email address will not be published.

To Top