Cara Membuat Spoiler di Blogspot

Unknown | Wednesday, November 14, 2012

---

0 Komentar

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.

Judul Spoiler:

"Masukkan isi spoiler yang anda inginkan disini" 

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.



Sumber: http://pandhawa-tiga.blogspot.com/2011/11/cara-membuat-spoiler-di-blogspot.html