Saturday, January 28, 2017

Membuat Tombol Klik Show di Blogspot

Membuat Tombol Klik Show di Blogspot


Hello netters, sekarang neTasik akan membuat Tutorial "Membuat Tombol Klik Show di Blogspot".

Berikut contoh Klik show:

Sebelum di Klik:


Sesudah di Klik:

Kode Script:

<div><div style="margin-bottom: 2px;"><b><small>Klik LIHAT untuk melihat Konten</small></b>
<input value="Lihat" style="margin: 0px; padding: 0px; width: 60px; 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;">Konten Disini</div></div></div>

*Keterangan
+Edit yang diberi warna merah dengan konten yang diinginkan.

Cara menggunakan:
Jika ingin digunakan di Laman ataupun Posting Pastikan kolom pengisian mode HTML


Tags: Membuat Tombol Klik Show di Blogspot | Membuat tombol klik show | Klik Show

Available link for download