Lagi asik-asik posting artikel yang berisi sebuah gambar keinget dengan
KASKUS mengenai bagaimana cara membuat spoiler, tiba-tiba terlintas di benak saya bagaimana jika hal ini saya terapkan di dalam blog saya ya?
Akhirnya sayapun langsung menuju om
GOOGLE dan mencari artikel yang berkaitan dengan hal ini.
Tapi kali ini berbeda dengan yang ada di
KASKUS, saya mencari di
GOOGLE dengan menggunakan kata kunci "Spoiler Blogspot" dan alhasil untuk artikel dengan kata kunci "Spoiler Blogspot" tersebut saya di bawa ke
sebuah blog teman sesama blogger juga. dan berikut ini panduan cara membuat spoiler pada blog
UPDATE
Berikut kode yang bisa kamu gunakan untuk membuat spoiler pada blog kamu
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">[Judul Spoiler] : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>
Jika kamu mengcopy dan mempaste kode spoiler tersebut pada postingan blog kamu, maka di bawah inilah hasil dari kode spoiler tersebut
Kode spoiler tersebut juga sudah saya terapkan di postingan saya yang lain yaitu pada postingan saya di
Hanya bedanya di postingan saya itu untuk opsi bordernya saya buat "0" jadi tidak ada kotaknya