cara membuat spoiler di blog

sekarang kita akan belajar bagaimana cara bikin spoiler di blog, seperti daftar page rank di samping blog saya ini.  gimana ya caranya??? mudah gak??? hemmm jawabannya mudahlah. langsung ja kita belajar scriptnya dibawah ini. :

cara membuat spoiler di blog
sekarang kita akan belajar bagaimana cara bikin spoiler di blog, seperti daftar page rank di samping blog saya ini. gimana ya caranya??? mudah gak??? hemmm jawabannya mudahlah. langsung ja kita belajar scriptnya dibawah ini. :

anda juga bisa membuat spoiler yang berisikan gambar, seperti spoiler yang di bawah ini :

itulah diatas contoh spoiler gambar dan text, anda bisa mengcopy scriptnya di bawah ini :

<blockquote>

<div id="spoiler">
<div><input type="button" value="TAMPILKAN GAMBAR" style="margin:0px;padding:0px;" 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 = 'SEMBUNYIKAN GAMBAR '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TAMPILKAN GAMBAR'; }">
</div>
<div style="background: #000000; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">

Untuk menampilkan text gampang anda cukup mengganti alamat gambar di bawah ini dengan text yang anda inginkan .

<img src=http://i1092.photobucket.com/albums/i418/ipuong/HR-Monitor-Dock-512.png />

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

</blockquote>

Keterangan :

• Tulisan yang yang warna merah adalah nama tombol dari spoiler, anda bisa menggantinya dengan nama sesuka anda misalnya  “ klik disini”
• Sedangkan tulisan yang warna hijau adalah warna latar dari tampilan di dalam spoiler. Anda juga bisa menggantinya.
• Sedangkan yang warna biru adalah isi dari spilernya.

pembaca yang baik selalu meninggalkan jejak komentar