rizky addict

Halo sobat-sobat blogger di seantero jagat raya (lebayy,,,, hahaha) ane mo sharing untuk para newbie seperti ane di bidang css dan blogging.. hehe.

kali ini adalah pembuatan spoiler ala forum gitu deehh,,,, spoiler berfungsi untuk menyembunyikan sesuatu dan dapat di munculkan langsung oleh sebuah tombol.. ane juga bingung kl dijelasin pake kata-kata biar lebih enak sih liat aja di bawah ini

contoh spoiler:

nah ngerti kan apa itu spoiler... keuntungan dari spoiler ini biar kita membarikan kemudahan mengakses gambar atau plug-in yang lumayan butuh loading yang lama karena berat atau koneksi tidak terlalu cepat.. biasanya spoiler ditemukan di forum-forum untuk menghindari BWK .... seperti gambar LONGCAT

cara nya adalah memasang kode ini:
<div style="margin-bottom: 2px;"> <i><b><small></small></b></i><input 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 = 'View'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 120px;" type="button" value="INFO n BACK LINK" /></div> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;">
kemudian isikan text/code/gambar dibawah kode tersebut dan diakhiri oleh
</div></div></div>
segitu aja mungkin tutorial kali ini,,,, :) semoga bermanfaat ya sob...