Cara Pasang Atau Membuat Spoiler Diblog

Para web master pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Spoiler sudah pasti sering digunakan. Lalu bagaimana kalau mau menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. saya jelasin singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Contohnya bisa dilihat di bawah halaman ini.

Spoiler. sobat bisa juga membuatnya diblog blogspot, khususnya dipostingan. Dan Biasanya digunakan untuk membuat si pembaca penasaran dengan menyembunyikan terlebih dahulu sebagian artikel atau isi dari postingan kita seperti gambar atau yang lain. Untuk melihatnya dengan mengklik tombol spoiler. Selain itu juga untuk menghemat tempat. Lalu bagaimana cara membuatnya?Langsung kita praktek deh biar tidak lama he he

Cara Membuat Spoiler di Blog
1. Login ke Blogger Sobat
2. Lalu Pilih New Post atau Entri Baru seperti membuat postingan biasanya
3. Pilihlah pada mode Edit HTML disaat sobat buat postingan
4. Sobat Copy kode script dibawah ini untuk membuat spoilernya

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b><b><b>Judul Spoiler</b></b></b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Letakkan teks/tulisan atau kode script (gambar atau video) di sini <br> </div> </div> </div>

5. Sobat dapat mengganti Judul Spoiler sesuai kehendak sobat, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai. ok ,,selamat mencoba

Contoh hasilnya seperti ini

CONTOH:

                                           Free Download Software And Tutorial