CARA MEMBUAT SPOILER DI BLOG ~ NEWS

Spoiler sudah tak asing di dengar bagi yang sudah berkelut di dunia maya. Spoiler sudah pasti sering digunakan. spoiler ini memang membantu dalam penyusunan artikel.menurut saya spoiler membuat lebih rapih dan lebih simpel..Lalu bagaimana kalau mau menerapkan atau membuat spoiler di blog? 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

Spoiler bisa juga dibuat di blog, lebih khusus dipostingan.spoiler ini dapat juga membuat orang menjadi penasaran hehe Untuk melihatnya cukup mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.

"Spoiler adalah tulisan atau keterangan mengenai suatu cerita, yang membeberkan jalan cerita tersebut. Membaca beberan dari suatu cerita dapat menyebabkan berkurangnya kesenangan membaca cerita itu, karena kesenangan membaca sebuah cerita biasanya tergantung kepada dramatisasi atau ketegangan yang ditimbulkan oleh cerita tersebut."(Wikipedia)

Cara Membuat Spoiler di Blog

1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti hal nya membuat postingan seperti biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</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 atau kode script (gambar atau video) di sini

5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.

Contoh:

Judul Spoiler:

CATATAN :TULISAN BERWARNA MERAH ITU KALIAN BISA UBAH SESUAI KEINGINAN KALIAN

Sekian dan terima kasih , salam kenal dan salam berbagi