Friday, 4 April 2014

Cara Membuat Show / Hide gambar Pada Postingan di Blog

bagi para bloger yang ingin agar ganbar atau tulisan di blog maupun gambar di postingan blog anda dapat di hide/show image
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open!!!" style=" margin:5px;padding: 0px; width: 80px; 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 = ' Close..'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Clik Here'; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">ISI SPOILER
</div></div></div>

isi tanda script berwarna merah di atas dengan gambar atau tulisan yang anda inginkan.
Contoh :

0 komentar:

Post a Comment

sealkazzsoftware.blogspot.com resepkuekeringku.com

*************************************************