Cara Membuat Spoiler Untuk Blog mode HTML

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.

BACA JUGA:

Cara Menampilkan Posting Terbaru Label Tertentu di Sidebar Blog

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.

Cara Membuat Spoiler Untuk Blog mode HTML

One thought on “Cara Membuat Spoiler Untuk Blog mode HTML”

Tinggalkan Balasan Batalkan balasan