Wednesday 9 May 2012

Cara Membuat Artikel Show Hide Di Blog

Cara membuatnya cukup mudah, copy kode dibawah ini

<div><div style="margin-bottom: 2px;"><b><small></small></b>
<input value="Show Article" style="margin: 0px; padding: 0px; width: 100px; 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;">
up7fold.blogspot.com (Tulis Artikel Disini)
</div></div></div>

Dan paste pada HTML bukan di compose seperti di gambar

Edit teks yang berwarna merah untuk pesan show hidenya, dan teks warna hijau tempat untuk menulis artikel sobat
Contohnya seperti dibawah ini


up7fold.blogspot.com (Tulis Artikel Disini)

0 comments:

Post a Comment