Selasa, 12 November 2013
Membuat Spoiler
Membuat Spoiler di Blog, apa itu Spoiler...? saya yakin pasti anda semua sudah tidak asing mendengarnya..Tapi saya akan menjelaskannya lagi apa itu spoiler dan bagaimanakah cara membuatnya..
Spoiler adalah masih sekumpulan kode HTML yang berfungsi untuk menghemat ruang di blog anda..karena dengan spoiler kita bisa menyembunyikan teks, gambar, dan widget.
Bagaimana cara membuatnya...? Okey caranya mudah sekali..
Anda tinggal Copas kode HTML di bawah ini:
<div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Penggunaan Spoiler" 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 = Tutup; } else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Buka; }" type="button"/></div><div class="spoiler"><div style="display: none;">
<div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;">
ISI SPOILER
</div></div></div></div>
Hasilnya akan menjadi seperti di bawah ini :
Semoga bermanfaat....
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar