contact me : cah.lanan6@gmail.com. Diberdayakan oleh Blogger.
 

Senin, 10 Oktober 2011

membuat hiden image

0 komentar
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

Tidak ada komentar:

Posting Komentar

 

Sponsors

BlogCatalog Computers blogs free web site traffic and promotion Technology Blogs - Blog Rankings Top10Rank Computers
mobila bredband Top Blogs Computers Blogs
blog directory Computers blogs
webbhotell lista