Cara Membuat Spoiler Di Blog

Bagi agan - agan semuanya yang ingin membuat spoiler seperti contoh yang ada di bawah ini, gampangko caranya !!!

contoh : Klik Tombol Show

DOWNLOAD EBOOK GERATIS

PASANG IKLAN

CERITA HIKMAH

Asiek kan, mau bikin kan, oke kalo begitu siap siap dong !!!!

1. Login ke akun Blogger terus ke ==> Rancangan ==> Tambah Gadget, Pilihlah HTML / Java Script.

2. Copy paste code yang ada di bawah ini ke gadget anda.

<div><div style="margin: 5px;">

<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

Masukan konten yang kamu inginkan, bisa berupa Artikel, Video, Gambar, Ataupun Iklan

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

3. warna merah, tempat memasukan isi konten anda, seperti iklan,video,gambar dll.

sedangkan warna merah di huruf "Show" dan "Hide" Itu huruf untuk Tombol nya...

4. simpen deh gadget anda,

selesai dech... Gampang kan, Gampang lah...

Ok semoga bermanfaat bagi agan - agan semua !!!