Friday, April 6, 2012

Cara Membuat Spoiler Hide And Show

Cara Membuat Spoiler Hide And Show.Sip,ini lah yang akan kita bahas pada sore hari ini.Oke para blogger,apa itu spoiler hide anda show.Ingin tahu contohnya.Silahkan lihat widget dibawah ini:


Like Facebook



Berikut contoh dari widget yang menggunakan spoiler hide anda show.Ini sangat berguna untuk menghemat tempat di laman kita.Jika anda tertarik,saya kana berikan kode HTMLnya.
Kodenya:
<div><div style="margin-bottom: 2px;"><b><small>Klik Show untuk melihat</small></b>
<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 style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

[LETAKKAN POSTINGAN-KODE HTML/SCRIPT ANDA DI SINI]

</div></div></div>
Warna hijau adalah kode widget anda.Sekian tutorial nge-blog kali ini.Semoga bermanfaat bagi anda. :) salam blogger.Saya tunggu komentarnya.

2 comments:

  1. Okay gan, saya siap mencoba .
    Thank's info dan saran'nya, semoga bsa bermanfaat amiin . . .

    ReplyDelete

Silahkan kalian berkomentar,namun tetap jaga kesopanan dengan tidak melakukan komentar spam.Anda Comment di postingan saya,tunggu Comment saya di postingan anda.....Thanks.Doffolow blog.
Kontak langsung di 083843472491.

|| | Copyright 2012 By : Dlerist | Lautan Solusi | Created By : Mas Yusa ||