Cara Membuat Spoiler

cara membuat spoilerSpoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler. (berlaku juga untuk web)



Contoh spoiler






isi spoiler...

Berikut kode yang bisa digunakan dalam membuat spoiler

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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...

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



kalau mengerti html silakan di costumize sendiri.


Ini sekaligus artikel buat menjawab pertanyaan mas hryh77. Maaf kali ini tidak behubungan dengan facebook jadi buat artikel cepet aja karena sulit membagi waktu untuk kerja, belajar, dan ujian kuliah.


Semoga bermanfaat

Bookmark and Share


Artikel terkait



Langganan artikel Tips-FB.com

| atau langganan lewat media lainnya

 
Blogging Blogs - BlogCatalog Blog Directory Copyright © 2009 Kata Bijak | Cara YM | Bali Art Painting | Cara YM | Mortgage | L4DStuff | Powered by Blogger