Apakah anda pernah membuka situs forum seperti kaskus.com? yang suka menjelajah forum agan agan pasti tau apa spoiler itu kan? yap spoiler adalah seperti widget yang untuk menghide sesuatu yang ingin anda hide contohnya seperti gambar di bawah ini.
Klik untuk melihat Link DL
nah di atas itu adalah contohnya, jika anda ingin membuatnya tinggal masukkan code html seperti ini
<div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat Link DL </small></b></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 style="border:inset ; margin: 0px; padding: 6px;"><div style="display: none;">
DOWNLOAD KLIK
</div></div></div>
Tulisan warna hijau dan warna merah bisa di ganti sesuai selera, INGAT, saat masukkan code harus berada di post tampilan HTML bukan COMPOSE
Mungkin itu saja yang ingin saya bagikan pada posting kali ini, selamat berblogger ria :D
0 comments:
Post a Comment