Bikin Spoiler di Blogspot

Kalian semua pasti tau tentang spoiler. Bagi yang biasa ada di forum-forum di Internet pasti akrab dengan spoiler. tapi bagi yang belum tau akan saya kasih tau apa pengertiannya menurut saya pribadi. Spoiler adalah teknik untuk menyembunyikan sebuah file, link, foto, image atau sebuah tulisan. Hal ini dimaksudkan untuk mengurangi space atau bandwitch.

Contoh Spoiler :

Berisi Konten Spoiler

Nah, spoiler ternyata juga bisa diterapkan di blog. Kali ini, saya akan membahas mengenai cara membuat spoiler untuk blog berbasis blogspot. Pertama, ketika anda ingin membuat postingan masuk ke edit HTML, kemudian copy code berikut.

<br /><div id="spoiler"><div><div id="show" color="transparent" style="border-style: solid; border-width: 1px; margin: 0px; padding: 4px; display: none; width: 98%;"></div><div id="spoiler"><div><input value="Show Spoiler!" style="margin: 10px; padding: 0px; width: 100px;font-size:12;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" type="button"><br/><div id="show" style="border-style: solid; border-width: 0px; margin: 0px; padding: 4px; display: none; width: 98%;color:black;"><br />isi spoiler<br /></div></div></div></div></div><br />

Keterangan :
Isi Spoiler:
untuk isi dari spoiler tersebut, seperti tulisan, video ataupun gambar. Untuk video dan gambar, copy aja code html dari video/foto yang sudah diupload kemudian tindih di tulisan isi spoiler.

Show Spoiler:
Untuk kata-kata yang ada di kotak spoiler.

Categories: Tips. Blog