Sunday, March 27, 2011

Trik Buat Spoiler Diblog

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>
selamat bereksperiment aj ya gan hehehe.....






No comments:

Post a Comment