Cara Membuat Spoiler Pada Blog. Bagi Anda yang ingin memasang spoiler atau tombol show hide di blog, caranya gampang banget nih. Anda hanya perlu mengcopy paste kode HTML di bawah ini.
<div><div style="margin-bottom: 2px;"><b><small>Klik Show</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisanmu di sini
</div></div></div>
Jangan lupa mengganti kata yang berwarna merah dengan kata atau konten yang ingin Anda masukkan. Anda juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan. Masukkan kode di atas ke dalam postingan atau di sidebar blog Anda. Maka hasilnya bisa dilihat di bawah ini.
Yang di atas adalah contoh sederhana tentang Cara Membuat Spoiler Pada Blog, selanjutnya bisa Anda kembangkan sendiri sesuai kemampuan Anda
0 comments:
Posting Komentar