Cara Membuat Spoiler di Postingan Blog

Seperti halnya membuat read more, atau memasang floating fans page facebook, membuat spoiler sebenarnya bukan sesuatu yang asing atau baru, sudah banyak kita jumpai postingan blog yang menggunakan spoiler untuk meringkas tulisan atau menyembunyikan tulisan maupun gambar, tapi taukah anda cara membuat spoiler ?

Cara membuat spoiler

Biar postingnya ga kebanyakan basa basi, berikut tutorial membuat spoiler di postingan blog ;

1. Saat menulis entri baru, masuk ke mode HTML

2. Salin kode berikut ;

Kode Spoiler :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b> : <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><div style="display: none;"> Simpan isi spoiler anda di sini </div></div></div>

3. Simpan.



Gampang bukan?
Silahkan praktekkan di postingan blog anda, dan terima kasih telah membaca cara membuat spoiler.




TAGS:
loading...