Membuat SPOILER di Blog

Membuat SPOILER di Blog

spoiler



Cara Membuat Spoiler Di Blog
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

Kode:
<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>


"Judul Spoiler" dapat kita ubah sesuai keinginan kita, begitu juga dengan " Buka"dan " TutuP " 
isi spoler nya di kalimat tebal hitam itu ya.. "letakkan ......" Jika sudah sesui maka
Terakhir klik "PUBLLISHED" atau terbitkan entri.
klik CTRL+F untuk cari kata itu

No comments:

Post a Comment