tips jitu membuat spoiler

Mungkin diantara sahabat semua ada yang ingin menyembunyikan isi konten blog sahabat??jika ingin sahabat bisa menggunakan spoiler,jadi konten blog yang berat seperti gambar dan video tidak diload sebelum pengunjung menekan tombol “show”jadi bisa buat meringankan loading blog kita.artikel kayak gini tentunya udah banyak beredar didunia maya ini,tapi gak apalah siapa tahu berguna buat yang masih newbie seperti saya ini.

contoh spoiler

isi dari spoiler...

untuk kodenya sebagai berikut:

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">contoh spoiler </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi dari spoiler...

</div></div></div></div>


Bagi master dan sahabat yang udah mengerti seluk beluk HTML silahkan untuk dicostumize sendiri.silahkan isi huruf yang berwarna merah dengan content yang mau disembunyikan,dan yang berwarna hijau dengan kata-kata terserah sahabat.jadi semoga bermanfaat.jangan lupa juga buat kasih unek-unek sahabat…….