Thursday, 16 July 2015

Cara Membuat Spoiler Pada Posting Blog

03:55
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

Thanks for reading Cara Membuat Spoiler Pada Posting Blog

Related Posts

Your Comments

No comments:

Post a Comment

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

Copyright © Kepo Info. All rights reserved. Template by CB Blogger