Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog - Kita biasa melihat spoiler di beberapa forum online, tapi bagaimana cara membuat spoiler di blog bingung? Fungsi spoiler sebenarnya cukup vital, selain mempercantik postingan juga baik untuk pengunjung dengan speed internet yang lambat. Karena tidak ada fasilitas spoiler bawaan dari blog maka kita harus membuatnya sendiri, berikut cara membuat spoiler di blog.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Ini Judul Spoiler... </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tes....tes....tes.....
</div></div></div></div>

Copy kode di atas dan letakkan di postian pada bagian Edit HTML, ganti "Tes....tes....tes...." dengan konten yang akan dispoiler. Kita juga bisa mengganti di beberapa bagian jika faham bahasa HTML.

Contoh:
Spoiler
Tes...................
Jika artikel Cara Membuat Spoiler di Blog ini bermanfaat bagi Anda klik tombol like, bagikan ke twitter dan beri +1, jangan lupa memberi komentar. Baca juga Cara Membuat Quote di Blog

Posting Komentar untuk "Cara Membuat Spoiler di Blog"