Artikel Informasi Kesehatan, Bank, Blog, Internet, Tekno

Peringatan!! Untuk Keamanan Gunakan Web Browser Google Chrome

Rabu, 08 Juni 2011

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

Cara Membuat Spoiler di Blog Rating: 4.5 Diposkan Oleh: Adiana Putra