Jumat, 24 Juni 2011

Memasang Spoiler dalam Blog

Spoiler adalah cara untuk menyembunyikan Teks, Gambar, Video, Script, atau bahan Postingan ke dalam suatu form, untuk menghemat tempat postingan. masih bingung dengan pengertian Spoiler yang sudah saya jelaskan? 
Langsung saja saya kasih contohnya:

Judul Spoiler
Spoiler adalah cara untuk menyembunyikan Teks, Gambar, Video, Script, atau bahan Postingan ke dalam suatu form, untuk menghemat tempat postingan. masih bingung dengan pengertian Spoiler yang sudah saya jelaskan?

Bagaimana cara membuatnya??? berikut langkah-langkah untuk membuat spoiler tersebuat diatas.
Jangan lupa baca dulu tulisan saya tentang postingan kode html karena ini akan sedikit bersinggungan dengan itu juga. Ok berikut adalah cara membuat spoiler:
1. Login ke Blogger Anda
2. Posting >> New Post
3. Paste Kode dibwah ini ke dalam postingan Anda
Kode Spoiler
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </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... tulisan biasa atau kode HTML, jika kode html silahkan baca tulisan saya sebelumnya.
</div></div></div></div>
4. Ganti tulisan warna merah (judul Spoiler) dengan isi tulisan spoiler tersebut.
5. Ganti Isi Tulisan dan selanjutnya dengan Konten yang akan Anda sembunyikan
6. Publish Post dan selamat menikmati

Demikian Tulisan singkat saya, semoga dapat membantu.

0 comments:

Posting Komentar

Silahkan mengisi komentar sesuai dengan isi artikel.