Senin, 18 November 2013
Cara Membuat Show Gambar Hide Pada Postingan di Blog
<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>
kemudian ganti tulisan yang berwarna merah dengan gambar ataupun tulisan....hasilnya akan nampak seperti di bawah ini
Lihat juga spoiler show/hide gambar lainnya:
- Cara Membuat Show Gambar / Hide Pada Postingan di Blog
- Cara membuat Spoiler menu show/hide pada blog part 2
- Cara membuat macam-macam show hide gambar atau text pada blog
Tidak ada komentar:
Posting Komentar