Cara Membuat Show Hide Posting Blogspot

Blog Ajang Software media berbagi ilmu, sedang membagikan artikel tentang Cara Membuat Show Hide Posting Blogspot silahkan membaca Cara Membuat Show Hide Posting Blogspot selengkapnya berikut ini:

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 (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"

Sebelum meng-copy skrip di bawah ini dan jika belum yakin silahkan lihat demonya di sini

<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

Posted in: Internet