Sehingga dengan spoiler show hide content ini dapat mempermudah dan memperirit ruang entri post dan dapat digunakan untuk entri lainnya. Cara membuatnya cukup mudah, kita hanya memerlukan kode seperti dibawah ini.
- Saat membuat postingan baru dan memerlukan spoiler show hide content, sobat masukan kode dibawah ini kedalam entri post tersebut.
<div><input onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Hide';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}" type="button" value="Show" /><br />
<div style="display: none;"><table style="width:auto;"><tr><td><a href="http://signatures.mylivesignature.com/54489/197/7465FF5E7B000A220EF846BE0AA12847.png"><img src="http://signatures.mylivesignature.com/54489/197/7465FF5E7B000A220EF846BE0AA12847.png" height="44" width="144" /></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">By <a href="http://signatures.mylivesignature.com/54489/197/7465FF5E7B000A220EF846BE0AA12847.png">aZrut</a></td></tr>
- Setelah itu sobat edit kata-kata dan gambar sesuai keperluan dari kode diatas.
- Selesai deh.
Jadinya seperti dibawah ini nih.
