[Blogger] Cara Membuat Spoiler di Blog

Script Type : HTML & Javascript

Description : Digunakan untuk compress dari panjang posting blog anda jika ada informasi yang terlalu panjang atau gambar yang terlalu besar yang dapat memungkinkan memenuhkan halaman blog anda.

---

Tutorial :

1.) Masuk ke bagian compose / posting message

2.) Klik bagian HTML

3.) Copy dan masukkan script ini ke textarea

Code:

<div style="margin-top: 5px; text-align: center;">
<input value="Show" style="margin: 0px; padding: 0px; width: 60px;
font-size: 10px;" onclick="if
(this.parentNode.parentNode.ge
tElementsByTagName('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 style="border: 1px inset; margin: 0px; padding: 5px;">
<div style="display: none;">Ini adalah isi dari spoiler!!</div>
</div>

4.) Isi dari spoiler yang ingin di input adalah cari kode berikut dan ganti sesuai message atau konten anda

Find :

Code:

<div style="display: none;">Ini adalah isi dari spoiler!!</div>