Cara Membuat Spoiler

Assalamualaikum Wr Wb. Pada kesempatan kali ini Maswid akan memberi sedikit informasi tentang Tutorials Blog yaitu cara membuat spoiler.Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.Contohnya seperti dibawah ini nih.

Apakah yang dimaksud dengan spoiler itu sendiri? Kenapa harus menggunakan spoiler dalam pem-blogging-an? Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.

Berikut Ini Scriptnya tinggal di copas aja... jangan lupa ganti tulisan yang bewarna merah dengan sesuka hati anda.

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">LETAKAN DISINI</div></div></div>

Baca Juga Artikel Yang ini yah..