Selamat datang ke BelajarBlogs...
Home » Membuat Spoiler Pada Post Blog

Membuat Spoiler Pada Post Blog


Cara membuat Spoiler Pada Postingan Blog. Spoiler berfungsi untuk menyembunyikan sebagian tulisan yang anda inginkan. Bagaimana cara membuat Spoiler di blog? atau bagaimana cara membuat spoiller pada postingan blog? Anda boleh lihat dahulu contoh Spoiler di bawah ini.


Kode
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN


Bagaimana cara membuat Spoiler pada postingan Blog?
Caranya sangat mudah, anda hanya perlu menambahkan kode spoiler pada postingan atau sebahagian ayat yang ingin anda sembunyikan. Berikut ini kode dan cara membuat Spoiler pada postingan blog.

Cara membuat Spoiler pada Postingan Blog

  • Copy kode di bawah ini dan paste pada postingan anda



<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Kode</span>
<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 = 'Hide'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN</div>
</div>
</div>


Selesai, selamat mencuba dan semoga berjaya.

0 comments:

Blogger Tricks And TipsComment here