NgBlog: Cara membuat klik buka tutup atau spoiler di blog

hallo.... ketemu lagi nih sama gw eoni ayo kita belajar barang lagi nih gw baru nemu yg baru lagi menu rut gw... wkwkwkwkwk... padahal mah udah lama bangt....

Cara Membuat Spoiler Pada Postingan Blog :

1. Login ke blogger

2. Kemudian tulis postingan baru

3. Ganti tab Compose dengan tab HTML

4. Masukan kode di bawah ini

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
NIH LWTAKANNYA DI SISI
<br />
</div>
</div>
</div>

CONTOH

Catatan:
1. Tulisan berwarna Merah adalah judul dari spoiler itu (yang terletak di sebelah kiri tombol View / Hidden). Anda dapat menggantinya sesuai keinginan anda.
2. Tulisan berwarna Biru adalah kata yang terdapat pada tombol spoiler. Anda dapat menggantinya sesuai keinginan.
3. Tulisan berwarna Ungu Gantilah dengan Tulisan / Script Gambar atau Video Anda Sesuai keinginan anda kawan.
4. Lakukan ini saat anda ingin melakukan menyembunyikan yang anda inginkan.

Demikian tips cara pembuatan spoiler dari saya. Selamat mencoba. Salam Blogger.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di NgBlog