Membuat Show Hide Posting Blogspot

Cara Membuat Show Hide Posting Blogspot- Cara ini sudah banyak digunakan oleh para blogger, sebenarnya tidak sulit untuk membuat show hide pada posting blog. Show Hide ini banyak sekali gunanya, di antaranya jika postingan kita terlalu puanjang dan di situ ada konten atau gambar yang sekiranya perlu kita hidden dulu biar tidak terlihat panjang.



Langkahnya sebelum poting kata para blogger, isi dulu judulnya . Kemudian ketik aja postinganmu, sedangkan konten atau gambar yang ingin disembunyikan. Copy aja skrip di bawah ini, langsung di postingmu pada posisi "Edit HTML"



<div><div style="margin-bottom: 2px;">
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Isikan Judul Terserah Anda" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Copy Konten atau gambar yang ingin dihidden

</div>
</div>
</div>

Awas..!!! nanti setelah copy html yang di atas teliti dulu...nanti ada tulisan

   Copyright:danisadiyatma.blogspot.com Tolong sertakan link ini jika mengkopi artikel diatas. Terima kasih : http://danisadiyatma.blogspot.com/2012/07/membuat-show-hide-posting-blogspot.html#ixzz24WrwaELg