Beranda
Tip's - Trick's

Cara Membuat Show Hide Posting Blogspot

1 minute read
{ Jangan Malas Membaca Ya }
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>


Note :
Yg berwarna biru, itu bisa diganti namanya menurut kamu dan Copy skrip untuk Cara Membuat Show Hide Posting Blogspot berwarna merah di atas pada postingmu.



Semoga Bermanfaat,,hehe

Posting Komentar