Menu Show Hide 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 (katanya salah satu trik SEO, hehe). 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="Show" /></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;">

<div style="display: none;">

Copy Konten atau gambar yang ingin dihidden

</div>

</div>

</div>

Copy skrip untuk Cara Membuat Show Hide Posting Blogspot berwarna merah di atas pada postingmu