Spoiler, itulah satu kata yang bisa gunakan untuk menghemat halaman posting menggunakan gambar yang memiliki size besar, karna spoiler bekerja menyembunyikan gambar jadi saat halaman kita terjadi proses load gambar kita yang tersembunyi tersebut tidak ikut melakukan proses load. Tips membuat spoiler ini, selain untuk mempercepat load halaman, bisa juga membuat pengunjung blog anda penasaran.
berikut cara membuat spoiler :
langsung aja kopy paste semua kode dibawah ini:
| <div id="spoiler"><div><div id="show" color="transparent" style="border-style: solid; border-width: 1px; margin: 0px; padding: 4px; display: none; width: 98%;"></div><div id="spoiler"><div><input value="Show Spoiler!" style="margin: 10px; padding: 0px; width: 100px;font-size:12;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" type="button"><br/><div id="show" style="border-style: solid; border-width: 0px; margin: 0px; padding: 4px; display: none; width: 98%;color:black;"> Alamat gambar </span></div></div></div></div></div> |
Keterangan:
ganti teks yang berwarna merah dengan alamat gambar milik anda (link).
COMMENTS