Ini adalah salah satu solusi untuk halaman blog yang loadingnya lama waktu dibuka, karena dipostingannya kemungkinan ada banyak gambarnya yang ukuran file gambarnya tersebut sangat besar.
Yaitu dengan cara menyembunyikan gambar tersebut ke dalam spoiler, mudah-mudahan dengan mengakali dengan memakai cara ini loading blognya waktu dibuka tidak menjadi lemot.
Buat yang belum tahu apa itu spoiler, inilah contohnya:
<div id="spoiler"> <div><input type="button" value="buka gambar disini!" style="margin:0px; padding:0px;"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 = 'tutup gambarnya!'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1] .getElementsByTagName('div')[0] .style.display = 'none'; this.innerText = ''; this.value = 'buka lagi gambarnya!'; }"> </div> <div style="background:#00ffff; margin:10px auto; border: 0px solid #000; padding: 5px;"> <div style="display: none;"> ketik kode html atau javascript gambar yang akan disembunyikan dalam spoiler disini! </div></div></div>
Perhatikan dengan teliti kode html spoiler diatas! Karena ada kata-kata tertentu yang harus diganti .
Kata-kata yang berwarna biru ganti kata-katanya sesuai dengan selera kamu.
Kata-kata yang berwarna hitam ganti dengan kode html atau url gambar yang akan disembunyikan dalam spoiler.
Kalau sudah,copy kode html spoiler diatas kemudian pastekan ke halaman posting blog agan.
Sebelum dipaste ganti dulu format penulisan entri baru agan ke format yang html.
Kalau sudah klik publikasikan dan ihat hasilnya
0 comments:
Posting Komentar