Friday, 24 April 2015

Cara Membuat Tombol Spoiler Show and Hide pada Blog

Cara Membuat Tombol Spoiler Show and Hide pada Blog

Tombol untuk menyembunyikan dan menampilkan konten ini biasanya disebut spoiler. Sangat berfungsi untuk menghemat panjangnya suatu postingan atau gadget akibat gambar atau kata-kata yang sobat buat dengan sangat banyaknya.
Singkat kata singkat cerita langsung aja ya .

Silahkan copy script yang ada di bawah ini kemudian terserah sobat mau paste kemana ajee .


<div><div style="margin-bottom: 2px;"><i><b><small>SPOILER</small></b></i><input value="Show" 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;">NewbieTechno
</div>

</div>
</div>

Sangat mudah bukan?jika kamu berhasil membuat nya maka hasilnya akan seperti ini :

Spoiler for NTechno 
NewbieTechno

Semoga berhasil ^^

Masukan email Anda untuk Dapatkan Update terbaru dari Newbie Techno.Gratis!
Share this article to your friends