Cara Mudah Membuat Spoiler Blog

Jika kita sering browsing di internet ataupun jalan-jalan di forum seperti kaskus, tentu kita pernah mendapati posting yang terdapat menu show hide atau spoiler, yang jika di klik akan muncul konten yang di hidden.

Keuntungan jika kita menggunakan spoiler adalah kita tidak perlu meload konten yang ada di dalam spoiler tersebut sebelum kita membukanya, hal ini sangat cocok jika anda memposting artikel yang mengandung gambar yang cukup besar dan berukuran cukup berat di kaskus maupun di blog, selain itu anda juga bisa menghemat tempat.

1. Kode untuk membuat spoiler di Kaskus
[spoiler=judul spoiler]isi spoiler[/spoiler]

2. Kode untuk membuat spoiler di Web/ Blog
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </span></i><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>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

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

Namun Mas Adhie menawarkan solusi lain yang cukup memudahkan teman-teman dalam membuat spoiler, yaitu dengan menggunakan aplikasi Spoiler Generator.

Anda tidak perlu menyimpan kode diatas tatkala ingin membuat spoiler, namun anda cukup mengisikan judul spoiler dan isinya pada kolom yang telah disediakan kemudian klik Generate untuk mendapatkan kodenya.

Cukup mudah bukan ? anda tidak usah lagi menghafal ataupun menyimpan kode untuk membuat menu show hide di blog (spoiler).

Aplikasi Spoiler Generator ini hanya berukuran 412KB, cukup kecil namun cukup memudahkan pekerjaan anda :)

Jika anda tertarik, bisa mendownload Spoiler Generator pada link dibawah :

Free download aplikasi untuk membuat menu show hidde (412KB)

Free download Spoiler Generator (412KB)