Cara Membuat Spoiler Pada Posting Blog

how-to-make-spoiler-on-blog-or-website


Cara Membuat Spoiler Pada Posting Blog - Spoiler pada posting blog tentu sangat berguna. Kenapa? karena posting pada blog tentu menjadi lebih rapi dan bisa mengatur konten bagian apa yang akan ditaruh pada spoiler. Yang pasti jangan sampe keliru spoiler film loh ya :D

Terus.. Bagaimana cara membuat spoiler menggunakan HTML pada blog?

1. Ketika membuat posting pada mode "compose" ganti menjadi mode "html"
mode-menulis-pada-blog

2. Lalu masukkan kode berikut :\

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Contoh Spoiler</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;">
Kunjungi terus kepo-info.blogspot.com ya!
<br />
</div>
</div>
</div>

Berikut hasilnya :

Contoh Spoiler:
Kunjungi terus kepo-info.blogspot.com ya!


Nah untuk Contoh Spoiler untuk mengganti judul spoilernya. Seperti; "berikut gambarnya" dan yang lainnya dan untuk Kunjungi terus kepo-info.blogspot.com ya! diganti dengan isi spoiler yang akan ditulis.

Baca Juga : Cara membuat kotak HTML untuk meletakkan script di blog
Share this article :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat Spoiler Pada Posting Blog"

Dimohon untuk tidak promosi. Dimohon untuk menggunakan kata-kata yang sopan dalam berkomentar. Terima kasih atas kunjungannya.