Cara membuat spoiler di blog

Cara membuat spoiler di blog - Sebelum ke cara membuat spoiler ada baiknya jika kita mengetahui lebih dulu pengertian atau arti dari spoiler.Spoiler adalah sebuah cara untuk menyembunyikan dan menampilkan gambar,teks,video dll dengan tujuan untuk menghemat ruang postingan.

Bila masih bingung dibawah ini ada gambar dari spoiler.Atau bisa juga dengan melihat contoh spoiler di artikel girlband lollypop.

Untuk membuat spoiler ini sangatlah mudah.Pertama copy dulu script dibawah ini :

<div style="margin-bottom: 2px;">
<i><b>Judul Spoiler </b></i><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 = 'Hide'; } 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: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
masukan disini teks,artikel atau video anda</div>

Setelah anda copy script tersebut,ketika anda akan membuat postingan pilih dan klik tulisan HTML yang ada di pojok kiri atas dekat tulisan Compose.Lalu pastekan script tadi dan masukan artikel anda kedalam spoiler tersebut.

Selesai dan selamat mencoba,semoga artikel Cara membuat spoiler di blog ini bermanfaat buat semuanya.

Ads