Fungsi utama dari sebuah spoiler sendiri adalah 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 :
Contoh Spoiler :
Spoiler Contoh:
Ini adalah contoh spoiler
Cara membuat Spoiler di Blogspot seperti diatas sangat mudah, Anda tinggal memasukkan kode HTML berikut ini :
Cara Membuat Spoiler :
<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>
Cukup mudah bukan ? Mungkin ini bisa jadi
alternatif bila anda ingin menampilkan gambar dalam ukuran yang besar,
sehingga tidak membuat pengunjung anda menunggu terlalu lama.
http://pandhawa-tiga.blogspot.com/2011/11/cara-membuat-spoiler-di-blogspot.html
Tidak ada komentar:
Posting Komentar