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

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Spoiler di Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel