Cara Membuat Tombol Spoiler Pada Blog

Bagi kawan  - kawan  yang tidak tahu apa itu spoiler dan bagaimana cara membuat tombol spoiler di blog, Di sini "blog carapada " ngasih tips dengan beberapa langkah mudah untuk membuatnya .

Spoiler  memiliki fungsi untuk menyembunyikan dan menampilkan teks atau gambar, dan sangat berguna ketika mencoba untuk mengurangi ruang di entri atau hanya jika kita ingin teks atau gambar hanya ditampilkan dengan klik. Lebih ringkasnya spoiler dapat ngirit ruang dalam posting blog. Yang pasti spoiler di sini bukan spoiler mobil ..he..he

Hal pertama yang kita butuhkan adalah kode:

<div><input value="Tampilkan" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Sembunyikan';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Tampilkan';}" type="button" /><div style="display: none;">Konten yang ingin kita sembunyikan</div></div

-Kamu bisa ganti tulisan berwarna merah dengan tulisan atau link ataupun embed gambar sesukamu.
-Copy  kode di atas, kemudian masuk ke Edit HTML,  dan paste.
Dan berikut hasil cara membuat spoiler di blog

From Carapada

TERIMAKASIH TELAH BERKUNJUNG DI BLOG "CARAPADA" , SEMOGA POSTING KALI INI BERGUNA BAGI KITA

He...he..he,,caranya mudah kan , selain itu kamu bisa ganti tulisan "tampilkan" dengan sesukamu, misalnya "klik dong" atau yang lain. Selamat mencoba.....???????