Cara Membuat Spoiler Pada Blog

AB | Cara Membuat Spoiler Pada Blog | Hallo kawan, Kali ini saya akan berbagi cara membuat spoiler pada postingan blog. Perlu diketahui bahwa spoiler adalah tombol yang dapat digunakan untuk mempersingkat postingan blog, karena spoiler akan menyembunyikan sebagian dari postingan dan bagian itu hanya dapat ditampilkan jika tombol spoiler diklik, dan dapat disembunyikan kembali jika tombol spoiler diklik lagi. Dengan begini, postingan kita tidak terlalu memakan tempat pada blog.

Dalam spoiler ini, dapat digunakan untuk menyembunyikan teks, gambar, maupun video. Pembuatan spoiler dilakukan posisi entri / edit postingan harus dalam bentuk EDIT HTML bukan Compose. Semua harus dalam bentuk script text terlebih dahulu.

Untuk lebih jelasnya tentang spoiler bisa dilihat pada contoh berikut :

Contoh Spoiler:

Contoh Spoiler:

Cara Membuat Spoiler Pada Blog

Beginlah Cara Membuat Spoiler Pada Blog
1. Tentunya anda sudah buka blog anda bukan.
2. Masuk Entri Baru atau New Post ( postingan biasa )
3. Pilihlah pada mode Edit HTML saat anda ingin Membuat Spoiler pada psotingan anda
4. Copy script berikut:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks / gambar atau script anda disini

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

5. Kalau sudah yakin, Terbitkan Postingan anda (bila belum yakin klik Pratinjau).
6. Lihat hasilnya.

Catatan:
1. Tulisan berwarna Merah adalah judul dari spoiler itu (yang terletak di sebelah kiri tombol View / Hidden). Anda dapat menggantinya sesuai keinginan anda.
2. Tulisan berwarna Biru adalah kata yang terdapat pada tombol spoiler. Anda dapat menggantinya sesuai keinginan.
3. Tulisan berwarna Ungu Gantilah dengan Tulisan / Script Gambar atau Video Anda Sesuai keinginan anda kawan.
4. Lakukan ini saat anda ingin melakukan menyembunyikan yang anda inginkan.

Itulah Cara Membuat Spoiler Pada Blog. Selamat mencoba. Salam Blogger.