Cara membuat spoiler blogger

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:

Dan buat yang belum tahu cara membuat spoiler itu bagaimana, inilah tutorialnya:
Baca kode html untuk spoiler dibawah ini!

<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

Bagikan:

0 komentar:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb_mnG0#M4sF40zY(35 kab & kota di JaTeng
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1
Hosting PompaSubmersible.com (IdWeb) Masih Tersedia Fasilitas 4 AddOn Domain

Products Overseas

MAU DAFTAR FOREX?
Buka Formulir Daftar Forexnya
Klik Disini!
Baca Panduan Cara Daftar Forexnya
Klik Disini!