Home » » meringankan blog dengan memasang spoiler pada blog

meringankan blog dengan memasang spoiler pada blog



Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari post/konten kita. Spoiler juga memiliki fungsi agar konten yang berat seperti video atau foto yang sizenya yang di katakan lumayan besar tidak di load sebelum menekan tombol show. Untuk memasangnya cukup copykan kode" di bawah ini :

<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><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;">

isi spoiler... (bisa script / widget / link dll)

</div></div></div></div>

 Ket:
  • Ganti tulisan yang berwarna merah dengan isi spoilernya seperti script atau widget
  • Tulisan yang berwarna merah bisa anda ganti dengan Buka / tutup / lainnya

Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Klik Online - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger