Home » Tutorial Blogging » Cara Buat Tombol Hide dan Show di blog

Cara Buat Tombol Hide dan Show di blog

<img src="spoiler.jpg" alt="spoiler">

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 sobat paste aja pada postingan atau gadget sobat.


cource code

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL 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;"> 



ISI NYA (Up to you lah)



</div></div></div>

Mudah bukan, tidak ada yang sulit bagi anda yang mau belajar,,kecuali saya ini yang memang asli NEWBIE dan baru bergelut di dunia blogging..

selamat mencoba ya, semoga bermanfaat.. :mantap


Kalau berhasil jadinya kayak gini

JUDUL SPOILER
ISI NYA (Up to you lah)

Artikel Terkait Tutorial Blogging

Label: