Membuat Sproiler pada blog

Cara Membuat Spoiler Di Blog

Cara Membuat Spoiler Di Blog, Spoiler untuk istilah gampangnya adalah untuk memperkecil atau mempersingkat tampilan yang ada di halaman postingan. Biar halaman postingan tidak tampak terlalu memanjang kebawah. Biasanya spoiler ini digunakan untuk gambar atau kode yang terlalu banyak atau terlalu panjang. 

Bagi yang suka memanjang foto atau gambar banyak alangkah baiknya menggunakan kode spoiler ini. Pengunjung akan dibuat penasaran dengan  tampilan foto atau gambar yang di spoiler. Caranya membuat spoiler di blog sangat mudah dan gampang sekali.

Tinggal menambahkan kode dibawah ini :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Jangan Klik</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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi kode script, HTML dan teks Sahabat disini
</div>
</div>
</div>

Contoh hasil Spoiler :

For Njajal:

Semoga bermanfaat