Script atau Kode untuk Membuat Spoiler


Spoiler berfungsi untuk mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image, tidak akan diload secara langsung sehingga dapat mempercepat waktu loading. Selain fungsi diatas, dengan spoiler kita dapat menghemat space pada posting kita sehingga akan lebih rapi dan nyaman dibaca oleh pengunjung blog anda.



Contoh Spoiler:
"Terimakasih Telah Mengunjungi Blog dari alip-pakingso.blogspot.com silahkan anda tinggalkan pesan"



Contoh Spoiler:
"Terimakasih Telah Mengunjungi Blog dari
alip-pakingso.blogspot.com
silahkan anda tinggalkan pesan"




Contoh Spoiler:
"Terimakasih Telah Mengunjungi Blog dari alip-pakingso.blogspot.com silahkan anda tinggalkan pesan"


Kode Scriptnya :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
"Masukkan isi spoiler yang anda inginkan disini"

</div>
</div>
</div>


Category Article ,

What's on Your Mind...