Cara Menyembunyikan Sebagian Konten Pos Di Bloger

Spoiler adalah cara untuk menyembunyikan sebagian konten postingan pada sebuah bloger. Cara ini sebagian publiser menganggap perlu, dengan dalih untuk merapikan postingan pada blog-nya.

Jika sobat termasuk yang beranggapan demikian alangkah baik-nya menyimak postingan ini:

-         Pertama-tama tulislah postingan yang diinginkan.

-      Copy paste kode HTML di bawah ini, oh iya sebelum klik paste pada postingan bloger, pindahkan compose ke HTML yang terletak pada sebelah kiri atas postingan:

<div><div style="margin: 5px;">

<input value=" Selengkapnya" style=" margin:5px;padding: 0px; width: 80px; 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 = ' Close '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Lihat Lagi'; }" type="button"/>

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

disinilah tempat untuk menaruh content dalam spoiler

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

Hasil-nya akan seperti dibawah ini:

Keteranga:
Warna Merah : Kata yang terlihat.
Warna Hijau :   Margin dapat diganti dengan angka yang dikehendaki.
Warna Biru :    Ganti Dengan kata-kata yang disembunyikan.
Semua dapat diganti, sesuai yang dikehendaki..

'- Ilmu Pendidikan Sosial ( IPS)' '- Ilmu Pendidikan Alam' '- Matematika'