Cara Membuat Spoiler Untuk Blog mode HTML

Posted on
Untuk menyingkat tempat dalan suatu artikel atau sebuah postingan maka cara untuk membuat spoiler ini adalah jalan keluarnya. Spoiler digunakan untuk menyingkat atau menempatkan sebuah objek/teks yang dapat dibuka dan ditutup kembali. Terutama bagi yang suka ber forum ria pasti taulah apa itu fungsi dari spoiler. Dan kali ini akan dibuat tentang Cara Membuat Spoiler Untuk Blog.
Cara Membuat Spoiler Untuk Blog mode HTML



BACA JUGA:

Caranya adalah sebagai berikut:
1. Login ke Blogger.
2. New Entri atau buat postingan baru.
3. Copy kode di bawah ini dan tempatkan pada mode HTML.

<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>

Gantilah warna biru sesuai keinginanmu, kemudian untuk warna merah adalah isi dalam spoiler nanti. Cukup mudah bukan.

One thought on “Cara Membuat Spoiler Untuk Blog mode HTML

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *