Menyembunyikan Tulisan di Artikel Seperti Di Kaskus

Pada Artikel Sebelumnya saya telah membahas cara menyembunyikan gambar di postingan seperti gambar-gambar di kaskus. Nah, pada kesempatan kali ini, saya akan membahas hal yang kurang lebih sama, namun teks lah yang ingin kita sembunyikan. Sebagai contoh, perhatikan potongan artikel berikut ini :


Cumi-cumi Transparan

Spoiler 

Ditemukan di samudera belahan bumi selatan, Cumi-cumi kaca (Teuthowenia pellucida) memiliki organ yang ringan di atas matanya dan memiliki kemampuan untuk melingkar menjadi bola, seolah-olah landak yang hidup di air. Cumi-cumi ini merupakan mangsa dari banyak ikan laut-dalam (seperti hiu goblin) dan juga paus dan burung-burung laut.

Jika anda tertarik membuat hal seperti itu pada blog yang anda miliki. Maka anda bisa mengikuti cara berikut ini :
Copi Paste Script Berikut ini pada Artikel yang anda inginkan (Mode HTML - Bukan Compose)

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" 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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT PENJELASAN'; }" name="button" type="button" value="LIHAT PENJELASAN" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">TULIS KALIMAT YANG AKAN DISEMBUNYIKAN DI SINI.</p>
</div><div id="hide"></div></div></div>

Tulisan Berwarna Merah Bisa anda ganti sesuai keperluan. Sedangkan teks yang tersembunyi yang akan ditampilkan adalah teks yang berwarna Biru pada Contoh di atas.

Baca Juga :
Menyembunyikan Gambar di artikel seperti kaskus
Menyembunyikan Tulisan di Artikel Seperti Di Kaskus
Membuat Galeri Blog Slide Show bertombol di Blog
Mengubah Gambar menjadi PDF dengan NitroPDF
Cara membuat gambar Zoom di Blog
Daftar Artikel Blog