Tips Cara Mudah Membuat SPOILER di Blog

 Salam hangat para blogger,

Maaf kalau saya langsung melompat dalam sharing tentang ilmu ngeblognya gegara melihat dalam postingan my best brother di blognya Kolong Langit seperti demikian :

Penampakan Omah Antik versi lawas

Nah, gara gara penasaran melihat tehnik postingan dalam artikel itu yang akhirnya saya ketahui bernama SPOILER.
Kira-kira sobat sudah mengenal SPOILER sebelumnya, yaaa pastilah dalam dunia perbloggeran merupakan tehnik untuk meringkas keseluruhan isi postingan artikel sobat bisa juga berupa gambar maupun video yang bejibun banyaknya dengan cara menaruh secara HIDE (tersembunyi).

Fungsi SPOILER itu sendiri untuk memangkas space halaman posting sobat supaya tidak terlalu memanjang ke bawah . Inget sama si belalai panjang BONA. Hehehehe.

Yuk ikuti tips cara mudah membuat SPOILER di blog sebagai berikut :

1. LOGIN ke Blogger
2. Pilih perintah Postingan Baru (NEW POST) seperti biasa akan menulis
3. Ubah tab COMPOSE  menjadi tab HTMLsaat membuat postingan
4.Pakailah kode Script seperti berikut ini:

Lihat Kode Scipt:

<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 <br> </div> </div> </div>

5. Ternyata "Judul Spoiler" dapat kita ubah sesuai keinginan kita, begitu juga dengan " Buka" dan " TutuP "
6.Terakhir klik "PUBLLISHED" atau terbitkan entri. Lihat contoh

Latihan Buat Spoiler Cantik:

follow @cputriarty on twitter

Demikian tips cara mudah membuat Spoiler di Blog.
Jika kode script ada yang tidak muncul silakan membaca artikel mengurai kode script  atau sobat masih mengalami kebingungan silakan untuk meninggalkan komen di bawah ini , yaa. Selamat mencoba :)