Monday, October 10, 2011

membuat hiden image

hiden image apa sih???
hiden image fungsinya sama dengan spoiler...
tapi hiden image ini saya anggap lebih keren jika dibanding dengan spoiler...
ni saya kasih contoh spoiler dan hiden image...

kalo spoiler yang kayak begini

jangan heran




kalo hiden image yang begini








wkwkwkwk keren kan....
cara buatnya mudah kok...
copas aja kode dibawah ini

</div>
<div style="text-align: center;">
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 1px;">
<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 = 'jangan dibuka!!!'; }" style="font-size: 14px; margin: 0px; padding: 0px; width: 250px;" type="button" value="jangan dibuka !!!" /></div>
<div class="alt2" style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<img border="0" height="320" src="http://i1106.photobucket.com/albums/h365/benyqu/HantuWeweGombel.jpg" width="300" /></div>
</div>
</div>
</div>
</div>
keterangan

ganti yang berwarna kuning dengan kata kata yang sobat inginkan
ganti tulisan yang berwarna merah dengan url gambar milik sobat

No comments:

Post a Comment