Thursday, June 9, 2011

Bagai Mana Cara Membuat Spoiler Pada Blog

Mungkin Ada Sebagian Blogger Mania yang Belum Paham Cara Membuat spoiler di dalam Blog. Spoiler Sering kita temui di gunakan di dalam satu Postingan Forum, yang kegunaanya Spoiler 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.
Baiklah.. Mari kita Lanjutkan cara membuat Spoiler tersebut ke dalam blog..
Sebagi Contoh :

Judul atau isi konten
Isi dari spoiler atau Konten anda

Berikut kode yang bisa digunakan dalam membuat Spoiler di Blog :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul atau isi konten </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 dari spoiler atau Konten anda
</div></div></div></div>



Nah. setelah anda mencobanya.. sekarang anda bisa melihat hasilnya..
Semoga Berhasil.



0 comments: