Cara Membuat Spoiler di Postingan Blog

Kali ini Baharshare akan memberikan Tutorial Cara Membuat Spoiler di Postingan Blog. Spoiler sendiri berguna untuk memangkas postingan di blog atau yang lain dengan cara sistem buka tutup. Oke berhubung hanya itu saja yang saya tau karena saya sendiri baru tau tentang cara ini . hehe

ok tanpa berlama-lama lagi mari kita coba :

1. Buat postingan baru atau postingan lama yang ingin di beri spoiler

2. Pada saat akan membuat postingan ada 2 pilihan antara Compose dan HTML , silahkan kalian pilih HTML.

3. Silahkan masukan script di bawah ini

<div id="spoiler">
<div><input type="button" value="Open" style="margin:0px;padding:0px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open Again'; }">
</div>
<div style="background: Transparent; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
Silahkan kalian isikan teksnya disini
</div>

4. Keterangan

Silahkan ganti kode yang berwarna biru dengan isi gambar atau kata-kata yang ingin anda tambahkan

5. Jika sudah silahkan kalian Klik Publikasihkan dan lihat hasilnya

Jika Script Belum Berhasil Silahkan berkomentar

sumber inspirasi : luhurfatah10.blogspot.com