Bagaimana caranya untuk menghemat space halaman posting yang penuh dengan gambar?, Jawabnya mudah, temen - temen gak usah pake gambar aja..., mudahkan "kq putro pekoq ya". Maksudnya kalo wajib mengikutsertakan gambar gimana??. Bilang dunk dari tadi... :P.
Spoiler, itulah satu kata yang bisa kita gunakan untuk menghemat halaman posting jika temen - temen menggunakan gambar yang memiliki size besar, lho apa hubunya sama size?? ada hubunganya! 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.
Spoiler, itulah satu kata yang bisa kita gunakan untuk menghemat halaman posting jika temen - temen menggunakan gambar yang memiliki size besar, lho apa hubunya sama size?? ada hubunganya! 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.
Kita langsung perktek aja dari pada pusing sana sini gak jelas, 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> |
hasilnya seperti dibawa ini :
Keterangan:
ganti teks yang berwarna merah dengan alamat gambar milik anda (link).
Silahkan edit tampilan sesuai kebutuhan.
Cara membuat spoiler adalah salah satu tips untuk membuat pengunjung penasaran.
Cara membuat spoiler adalah salah satu tips untuk membuat pengunjung penasaran.
Demikian artikel tentang Cara Membuat Spoiler ini dapat kami sampaikan, semoga artikel atau info tentang Cara Membuat Spoiler ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
