Cara Memasang Spoiler Pada Blog
Tau spoiler gak nih sobat? spoiler itu 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. Sekarang sobat sudah mengerti kan? untuk memasangnya cukup copykan kode" di bawah ini sob:
<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 biru bisa anda ganti dengan Buka / tutup / lainnya
Good Luck! Jangan lupa, masih banyak lagi artikel yang bermanfaat.
Categories:
Tips Blogging
0 komentar:
Posting Komentar