0 Membuat spoiler di postingan blog

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show.

Klik Show

Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler...
Nah itu fungsinya,untuk caranya lihat dibawah ini :
1) Copy kode dibawah ini :

<div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Tentang apa ? </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> isi postingan </div></div></div></div>

2) Paste kode tersebut di entri baru ( HTML ),setelah di paste hasilnya akan seperti di bawah ini :

Tentang apa ?

isi postingan

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini

Semoga Bermanfaat...

Tweet

Komentar →